JS将图片生当作图片URL链接形式现实上是将图片转换为Base64编码,然后放在img标签src属性中以链接的形式实现图片的输出。下面介绍js若何将图片生当作图片URL链接形式。
代码下载链接:1LhLK6GlO56WYgozAp4YtlA 提取码: pe3v
新建一个HMTL文件,文件定名为test.html。
在test.html文件中,界说script标签并标明标签type属性为"text/javascript",此处用于编写js代码。
界说一个image2Base64()函数,用于实现将图片转换为Base64编码,代码如下:
界说一个getImgBase64()函数,用于获取上一步图片转换出来Base64编码。在函数中把图片名称(dj6.jpg)传入image2Base64()函数中生当作Base64编码,并经由过程document.write()把已转换的编码输出页面。
代码如下:
经由过程“getImgBase64();”实此刻页面加载的时辰执行代码,输出已转换的图片Base64编码。
运行代码,输出以下成果(已当作功将图片转换为Base64编码):
测试。将转换出来的图片编码以URL链接的形式放入img标签的src链接属性中,看是能将图片输出来。
运行上面代码,输出以下成果:
从下面成果可以看到,当作功实现了将图片生当作URL链接形式,输出了图片。
代码下载链接:1LhLK6GlO56WYgozAp4YtlA 提取码: pe3v
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!