• Github 中文镜像
Sign inSign up
Watch966
Star102.4k
Fork61.8k
Tag: tools
Switch branches/tags
Branches
Tags
  • master
K / 将图片转换为 Base64 Data URL.md
移动浏览 Clone
加载中...
到移动设备上浏览
139 lines 9.57 KB
First commit on 9 Mar 2021

    测试链接(评论里随便找了一个头像地址),不明白怎么用看页面下面的使用方法

    https://cdn.v2ex.com/gravatar/4c490e6d5aad180a35c76b93d9da7f92?s=200&r=G&d=

    生成代码

    图片链接:

    数据类型:

    生成代码:

    测试

    将图片的 Data URL 贴到下方文本框中:

    使用方法

    可以跨域的网站

    对于允许跨域的图片源站,直接贴图片地址就能在测试栏里得到代码。

    但是大部分网站都是禁止跨域的,所以下面的更常用。

    禁止跨域的网站

    本想做成在线工具,一试才知道 JavaScript 读取图片会有跨域问题,怪不得工具网站也都是上传图片转换的。只好贴出函数,在目标站打开调试工具 Console,直接执行代码。

    • 将图片地址贴入本页【图片链接】栏,复制生成的代码。
    • 访问源站或者直接浏览图片地址,打开【开发者工具界面】,找到 console 栏。
    • 粘贴生成的代码,回车。
    • 然后你会看到生成了一段代码,有一个很小的 copy 按钮,点一下就复制了。