象我這樣勤懇的作者,每天寫個文章總要上傳一堆圖片啊,一不小心就會上傳錯誤的圖片,生怕哪天傳上些不該傳的圖片。難道就不能簡單的全選文章然後粘貼嗎?當然可以啊!
Html5就已經支持base64字符做爲圖片的src了,我們只要將圖片轉成base64就可以。
上面的代碼用了CANVAS的API, 把圖片在後臺畫出後得到Base64碼, 在這裏我們要注意下這個img.src 的格式,data:image/gif 是代表gif 格式,base64表示是編碼。當然這個函數是通用的,也可以用jpg, src會被替換掉爲生成的。
然後就可以在你自己的blog代碼裏更新image src
全選文章後,直接拷貝粘貼到各大平臺
親測簡書, 知乎是可用的。而各大自媒體平臺還是用的傳統不支持html代碼的rich editor, 就不可以了, 只能靜候時日了。