Winform html 处理图片的问题

简介: 不能盲目将HTML中所有的图片转换成二进制来存储,当图片越来越大时,image的data域会变得非常大,从而导致无法通过data来读取图片。 图片数据读不出来的现象: 由于很多情况是不清楚图片的,处理HTML的图片问题,还是使用相对路径来处理。

不能盲目将HTML中所有的图片转换成二进制来存储,当图片越来越大时,image的data域会变得非常大,从而导致无法通过data来读取图片

image

图片数据读不出来的现象:

image

由于很多情况是不清楚图片的,处理HTML的图片问题,还是使用相对路径来处理。

image


附将图片转为data数据的方法:

private string ReplaceFileSystemImages(string html)
{
    var matches = Regex.Matches(html, @"]*?src\s*=\s*([""']?[^'"">]+?['""])[^>]*?>", RegexOptions.IgnoreCase | RegexOptions.IgnorePatternWhitespace | RegexOptions.Multiline);
    foreach (Match match in matches)
    {
        string src = match.Groups[1].Value;
        src = src.Trim('\"');
        if (File.Exists(src))
        {
            var ext = Path.GetExtension(src);
            if (ext.Length > 0)
            {
                ext = ext.Substring(1);
                src = string.Format("'data:image/{0};base64,{1}'", ext, Convert.ToBase64String(File.ReadAllBytes(src)));
                html = html.Replace(match.Groups[1].Value, src);
            }
        }
    }
    return html;
}


参考文献:

http://zhidao.baidu.com/link?url=OLUlZr54BZR9dYyn4195D8n5CTyVB-VEjPVG4VMeHMFzMfp6zMm-LtxK188Yal9x2bNWEQRF-afUxiFhuZxvWq

相关文章
|
3月前
|
移动开发 前端开发 JavaScript
基于 HTML5 和 Canvas 开发的在线图片编辑器
基于 HTML5 和 Canvas 开发的在线图片编辑器
79 0
|
13天前
HTML图片
【10月更文挑战第4天】HTML图片。
16 2
|
1月前
|
前端开发
Twaver-HTML5基础学习(37)network导出图片并下载
本文介绍了如何在Twaver-HTML5中将network导出为图片并提供下载,主要通过将network转换为canvas对象,然后转换为base64编码的图片进行展示和下载。
32 5
|
1月前
|
前端开发 Windows
【前端web入门第一天】02 HTML图片标签 超链接标签 音频标签 视频标签
本文档详细介绍了HTML中的图片、超链接、音频和视频标签的使用方法。首先讲解了`<img>`标签的基本用法及其属性,包括如何使用相对路径和绝对路径。接着介绍了`<a>`标签,用于创建超链接,并展示了如何设置目标页面打开方式。最后,文档还涵盖了如何在网页中嵌入音频和视频文件,包括简化写法及常用属性。
42 13
|
2月前
在线将多张图片拼接起来图工具HTML源码
在线将多张图片拼接成一张图片,多图合一并导出下载。无需本地安装软件。 下载时,使用日期时间作为文件名,规避图片文件名相同造成的覆盖问题;也能省去一部覆盖确认操作 多语言支持
32 0
在线将多张图片拼接起来图工具HTML源码
|
5月前
|
移动开发
uni-app使用v-html输出富文本图片溢出解决
uni-app使用v-html输出富文本图片溢出解决
582 1
|
2月前
|
Python
Python 下载 html 中的 图片
Python 下载 html 中的 图片
27 2
|
3月前
|
数据采集 缓存 自然语言处理
PHP将HTML标签转化为图片
通过这个方法,PHP后端能够实现将HTML内容转化为图片的功能。这种方式虽然牵涉到一些额外的安装和配置,但能够相对灵活且稳定地解冀转换需求,适用于需要在后端动态生成图片的场景。
141 1
|
2月前
|
JavaScript C#
Winform 嵌入html,数据交互
Winform 嵌入html,数据交互
43 0
|
3月前
|
JavaScript 前端开发 CDN
vue 生成分享海报、下载图片(含生成二维码qrcodejs2的使用,网页截屏html2canvas的使用)
vue 生成分享海报、下载图片(含生成二维码qrcodejs2的使用,网页截屏html2canvas的使用)
51 0
vue 生成分享海报、下载图片(含生成二维码qrcodejs2的使用,网页截屏html2canvas的使用)