js如何将图片生成图片URL链接

 时间:2024-10-13 11:47:41

1、新建一个HMTL文件,文件命名为test.html。

js如何将图片生成图片URL链接

2、在test.html文件中,定义script标签并标明标签type属性为"text/javascript",此处用于编写js代码。

js如何将图片生成图片URL链接

3、定义一个image2Base64()函数,用于实现将图片转换为Base64编码,代码如下:

js如何将图片生成图片URL链接

4、定义一个getImgBase64()函数,用于获取上一曰搬嚏嘀步图片转换出来Base64编码。在函数中把图片名称(dj6.jpg)传入image2Base64()函数中生成Base鲂番黟谊64编码,并通过document.write()把已转换的编码输出页面。代码如下:

js如何将图片生成图片URL链接
js如何将图片生成图片URL链接

5、通过“getImgBase64();”实现在页面加载的时候执行代码,输出已转换的图片Base64编码。

js如何将图片生成图片URL链接

6、运行代码,输出以下结果(已成功将图片转换为Base64编码):

js如何将图片生成图片URL链接

7、测试。将转换出来的图片编码以URL链接的形式放入img标签的src链接属性中,看是能将图片输出来。

js如何将图片生成图片URL链接

8、运行上面代码,输出以下结果:从下面结果可以看到,成功实现了将图片生成URL链接形式,输出了图片。代码下载链接:https://pan.baidu.com/s/1LhLK6GlO56WYgozAp4YtlA 提取码: pe3v

js如何将图片生成图片URL链接
  • entry怎么获得输入的值
  • python如何将txt文件转成json数据
  • Eclipse在Debug时如何方便查看参数
  • 【MySQL教程】如何建立数据库
  • java web项目如何链接数据库
  • 热门搜索
    手抄报装饰简单又漂亮 安全在我心手抄报 科幻画手抄报 讲卫生手抄报内容 民族传统文化手抄报 爱护动物手抄报 遵纪守法手抄报图片 治污减霾手抄报 向国旗敬礼手抄报图 小学生清明节的手抄报