鍍金池/ 問(wèn)答/HTML/ Vue.js的img標(biāo)簽怎么用絕對(duì)路徑的src

Vue.js的img標(biāo)簽怎么用絕對(duì)路徑的src

做圖片上傳功能
選擇圖片后，要顯示預(yù)覽
用了個(gè)img標(biāo)簽，src用上讀取的圖片的src
然而那是個(gè)絕對(duì)路徑
預(yù)覽不了
谷歌瀏覽器是不允許打開(kāi)：

clipboard.png
其他瀏覽器顯示不了圖片
獲取到的路徑是這樣的：
clipboard.png

clipboard.png
這是預(yù)覽標(biāo)簽，srcOne是直接讀取圖片時(shí)候賦值的，

clipboard.png

回答
編輯回答
壞脾滊

看錯(cuò)了 可以 把圖片文件 轉(zhuǎn)成 base64， 再賦給給src
類(lèi)似
利用h5 FileReader 對(duì)象， 獲取 <input type="file"/> “上傳到瀏覽器的文件” ，文件形式 為base64形式，
2樓的沒(méi)試過(guò)， 估計(jì)也可以
我自己的 文章https://segmentfault.com/a/11...

2018年1月30日 20:28
編輯回答
冷眸
window.URL.createObjectURL(file)
2017年3月17日 23:36