踩了一個巨坑。html
目前微信ios/android 均能長按保存src=base64的圖片 (微信android x5 專門解決了這個問題);android
可是android其餘App沒有針對解決這個系統問題(姑且認爲是問題吧),因此長按base64圖片 沒法出現保存選項,而是出現了默認的"選擇、複製、粘貼 ";ios
嘗試使用blob也不行;微信
因此目前能解決的辦法只有經過後臺繞一圈;dom
base64 --> 後臺 ---> url url
blob 轉 base64spa
function blobToDataURL(blob, callback) { var a = new FileReader(); a.onload = function (e) { callback(e.target.result); } a.readAsDataURL(blob); }
base64圖片 轉 blobcode
function dataURLtoBlob(dataurl) { var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n); while(n--){ u8arr[n] = bstr.charCodeAt(n); } return new Blob([u8arr], {type:mime}); }
blob 插入html domhtm
$("#img").attr("src",window.URL.createObjectURL(blob));