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

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

Html5就已經支持base64字符做爲圖片的src了,我們只要將圖片轉成base64就可以。


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

然後就可以在你自己的blog代碼裏更新image src


全選文章後,直接拷貝粘貼到各大平臺


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


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章