用JavaScript把图片内嵌到网页中, 再也不用担心晒出硬盘

象我这样勤恳的作者，每天写个文章总要上传一堆图片啊，一不小心就会上传错误的图片，生怕哪天传上些不该传的图片。难道就不能简单的全选文章然后粘贴吗？当然可以啊！

Html5就已经支持base64字符做为图片的src了，我们只要将图片转成base64就可以。

上面的代码用了CANVAS的API， 把图片在后台画出后得到Base64码， 在这里我们要注意下这个img.src 的格式，data:image/gif 是代表gif 格式，base64表示是编码。当然这个函数是通用的，也可以用jpg, src会被替换掉为生成的。

然后就可以在你自己的blog代码里更新image src

全选文章后，直接拷贝粘贴到各大平台

亲测简书, 知乎是可用的。而各大自媒体平台还是用的传统不支持html代码的rich editor, 就不可以了, 只能静候时日了。