HTML   发布时间:2022-04-15  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了html – 在图像的src标记中使用URL中的Base64字符串大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个返回图像的base64版本的服务.现在我想在img的src标签中使用base64字符串.该服务在http:// localhost:8080 / file / 301 / base64下提供base64版本.

base64字符串如下所示:

data:image/gif;base64,iVBORw0KGgo ...

我在页面上的img标签目前看起来像这样:

<img alt="" src="http://localhost:8080/file/301/base64" style="height:836px; width:592px">

有没有办法让这个运行?

解决方法

它不起作用,因为您正在处理具有数据URL字符串的页面,就好像它只是另一种类型的外部可链接图像资产.不幸的是,链接到外部资产适用于图像文件,但数据URL是外部链接的替代方法,因此不能以相同的方式工作.

简而言之,要显示使用数据URL字符串的图像,您需要将实际数据URL字符串作为src =值,例如:

<img alt="" src="data:image/gif;base64,iVBORw0KGgo ...  " style="height:836px; width:592px">

例子

来自Masinter的HTML示例,1998 RFC 2397 – The “data” URL scheme

<IMG SRC="data:image/gif;base64,R0lGODdhMAAwAPAAAAAAAP///ywAAAAAMAAw AAAC8IyPqcvt3wCcDkiLc7C0qwyGHhSWpjQu5yqmCYsapyuvUUlvONmOZtfzgFz ByTB10QgxOR0TqBQejhRNzOfkVJ+5YiUqrXF5Y5lKh/DeuNcP5yLWGsEbtLiOSp a/TPg7JpJHxyendzWTBfX0cxOnKPjgBzi4diinWGdkF8kjdfnycQZXZeYGejmJl ZeGl9i2icVqaNVailT6F5iJ90m6mvuTS4OK05M0vDk0Q4XUtwvKOzrcd3iq9uis F81M1OIcR7lEewwcLp7tuNNkM3uNna3F2JQFo97Vriy/Xl4/f1cf5VWzXyym7PH hhx4dbgYKAAA7" ALT="Larry">

大佬总结

以上是大佬教程为你收集整理的html – 在图像的src标记中使用URL中的Base64字符串全部内容,希望文章能够帮你解决html – 在图像的src标记中使用URL中的Base64字符串所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: