base64帶來的坑
在web中想要是實現圖片在線預覽的方式有幾種
1、先上傳
2、使用FileReader
對象
3、URL.createObjectURL(file|blob)
base64 能將圖片讀取成同樣大小的base64字符,這樣html文件也就隨之增大,造成的無非是瀏覽器卡頓,每一次新的渲染都會很慢
js
var window.URL = window.URL | window.webkitURL;
objectURL = URL.createObjectURL(blob | file);
// objectURL --> blob:http%3A//127.0.0.1%3A8020/32b4467f-5870-44dd-a119-fddf4e6f8f94
提示
1、然而該方法兼容性並不高,只支持chrome 8, firefox4, ie10(fuck),15, safari6
2、官方強調:在每次調用 createObjectURL() 方法時,都會創建一個新的 URL 對象,即使你已經用相同的對象作為參數創建過。
每個對象必須通過調用URL.revokeObjectURL(objectURL )
方法來釋放