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

JS将图片生当作图片URL链接形式现实上是将图片转换为Base64编码,然后放在img标签src属性中以链接的形式实现图片的输出。下面介绍js若何将图片生当作图片URL链接形式。


代码下载链接:1LhLK6GlO56WYgozAp4YtlA 提取码: pe3v

方式/步调

  1. 1

    新建一个HMTL文件,文件定名为test.html。

  2. 2

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

  3. 3

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

  4. 4

    界说一个getImgBase64()函数,用于获取上一步图片转换出来Base64编码。在函数中把图片名称(dj6.jpg)传入image2Base64()函数中生当作Base64编码,并经由过程document.write()把已转换的编码输出页面。

    代码如下:

  5. 5

    经由过程“getImgBase64();”实此刻页面加载的时辰执行代码,输出已转换的图片Base64编码。

  6. 6

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

  7. 7

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

  8. 8

    运行上面代码,输出以下成果:

    从下面成果可以看到,当作功实现了将图片生当作URL链接形式,输出了图片。

    代码下载链接:1LhLK6GlO56WYgozAp4YtlA 提取码: pe3v

  • 发表于 2019-06-01 17:05
  • 阅读 ( 2512 )
  • 分类:其他类型

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具