如何将图片嵌入到Html中
2013-08-09 15:50
253 查看
将图片内嵌入到Html中,最好的方法就是用Base64 string.例如:<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAHgSURBVEhLxdfPRwRhHMfxPS1dl4hO/QFLDBGxZomI/Qv20HWIThER0YrosodO/Q2dIqJrDNFtLxExp4iIiJg+n7HP08wz32fnmX0mDa9+PfPMu9lmZp9aaZr+i+xDEAQuVuAA7uABPiCFx+n3p9ADaW6JS7gPPDAjLl4hgjZIx8vMCi/BDUgHd/EE1lfAFu7CC0gHrOMLdqDUkMKMvoN0oHntQqFjhhehiTM1fcMmWMPXIE1swht0oBTm1StNEEVRlI7H43Q0GonjFudQClfeMoPBII3jGFN+N8alfS14sS2DDnOTdizgWXKbTCb6F6gZpkPQ4ePcgFUYhhl+zeCc4Rh0mI9BaScrjzCv8LYKJ7kBJx5h6qrwpzFQyTPcU2GevrSDlWe4r8K8uaUdrDzDayp8bwxU8gx3VPjCGKjkEX4GfTtt5washsNh9uCgJEmyMD+rn3FcmmfgSeowVwtcOUg7aurJZds4Ls0zrIMO09504C9xRZP18mGeNZcr0oQm8JZdhVKY+NZY+552dAa6ZYZpH6SJPm6hsOqUwsS/d1NnfgULUGjYwrQFvou+E5COPTNMXFtfQt2z50urLyRJVVjhcuUI+CYuhYirUz4cNkA6RoFr2MT/o9Q288xkQesHQmtzgg8gc2kAAAAASUVORK5CYII=">
下面做一个MVC的例子,非常简单:
1.获取图片:
2.写一个扩展方法,将Image对象转换成Base64String
下面做一个MVC的例子,非常简单:
1.获取图片:
string path = Server.MapPath("/Images/img1.png"); Image img = Image.FromFile(path);
2.写一个扩展方法,将Image对象转换成Base64String
public static string ToBase64(Image image, ImageFormat format) { using (var ms = new MemoryStream()) { // Convert Image to byte[] image.Save(ms, format); byte[] imageBytes = ms.ToArray(); // Convert byte[] to Base64 String string base64String = Convert.ToBase64String(imageBytes); return base64String; }
相关文章推荐
- 如何在html中嵌入多媒体对象(pdf,word,flash等,)很有用的,记下
- 在HTML中如何将图片转变为圆形图片
- HTML中嵌入SVG图片的N种方式
- 如何在html中插入图片
- 如何清除html图片缓存
- html如何加载图片
- 如何在邮件中嵌入图片,而非上传在附件
- 如何将HTML或aspx页面嵌入到Silverlight中
- 如何在Linux上将HTML页面转化成png图片
- Base64编码 及 在HTML中用Base编码直接显示图片或嵌入其他文件类型
- 如何在HTML 中嵌入 PHP 代码
- HTML中嵌入CSS的四种方式及优先级、如何选择内嵌式和链接式
- SilverLight疑问 : 如何在SL中嵌入HTML?
- SVG如何嵌入html
- 图片转成base64的字符串, 如何让图片在html中显示
- “如何将16进制码流在html中显示为图片”兼容多个浏览器的方案。
- VLC在web系统中应用(x-vlc-plugin 即如何把VLC嵌入HTML中)第一篇
- html中如何把图片变成按钮
- 如何在html页面上随着鼠标的位置显示浮动层图片或别的东东?(附代码)
- html2canvas截图如何解决图片跨域的问题?