电脑现已成为我们工作、生活和娱乐必不可少的工具了，在使用电脑的过程中，可能会遇到js如何将图片生成图片URL链接的问题，如果我们遇到了js如何将图片生成图片URL链接的情况，该怎么处理怎么才能解决js如何将图片生成图片URL链接带来的困扰呢，对于这样的问题其实我们只需要新建一个HMTL文件，文件命名为test.html。在test.html文件中，定义script标签并标明标签type属性为"text/javascript"，此处用于编写js代码。定义一个image2Base64（）函数，用于实现将图片转换为Base64编码，代码如下：定义一个getImgBase64（）函数，用于获取上一步图片转换出来Base64编码。在函数中把图片名称（dj6.jpg）传入i这样就解决了这样的问题，接下来给大家带来js如何将图片生成图片URL链接的详细操作步骤。

方法/步骤

新建一个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链接形式，输出了图片。

代码下载链接：https://pan.baidu.com/s/1LhLK6GlO56WYgozAp4YtlA 提取码: pe3v

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。