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项目如何链接数据库
  • 热门搜索
    盐城旅游景点大全 大同旅游地图 台湾旅游特产 胡志明市旅游 大金湖旅游攻略 天津市旅游景点 郑州旅游局 常德旅游景点大全 秋季旅游好去处 跟团旅游