用JavaScript把圖片內嵌到網頁中, 再也不用擔心晒出硬碟圖了

摘要： 象我這樣勤懇的作者，每天寫個文章總要上傳一堆圖片啊，一不小心就會上傳錯誤的圖片，生怕哪天傳上些不該傳的圖片。難道就不能簡單的全選文章然後貼上嗎？當然可以啊！ Html5就已經支援base64字元做為圖片的src了，我們只要將圖片轉成base64就可以。 上面的程式碼...

象我這樣勤懇的作者，每天寫個文章總要上傳一堆圖片啊，一不小心就會上傳錯誤的圖片，生怕哪天傳上些不該傳的圖片。難道就不能簡單的全選文章然後貼上嗎？當然可以啊！

Html5就已經支援base64字元做為圖片的src了，我們只要將圖片轉成base64就可以。

上面的程式碼用了CANVAS的API， 把圖片在後臺畫出後得到Base64碼， 在這裡我們要注意下這個img.src 的格式，data:image/gif 是代表gif 格式，base64表示是編碼。當然這個函式是通用的，也可以用jpg, src會被替換掉為生成的。

然後就可以在你自己的blog程式碼裡更新image src

全選文章後，直接拷貝貼上到各大平臺

親測簡書, 知乎是可用的。而各大自媒體平臺還是用的傳統不支援html程式碼的rich editor, 就不可以了, 只能靜候時日了。