就是有張圖片1.jpg，在用戶的 D:/file/1.jpg 下我拿到了這個(gè)path，怎么顯示在我的頁(yè)面上ps：想做上傳圖片回顯功能，不知道怎么弄
2 回答
鴻蒙傳說(shuō)
TA貢獻(xiàn)1865條經(jīng)驗(yàn) 獲得超7個(gè)贊
我采用的是HTML5的方法，里面有涉及到一些HTML的js對(duì)象。
核心只有一個(gè)，F(xiàn)ileReader()對(duì)象。
而且需要明白的是，你不能直接通過(guò)瀏覽器去獲取磁盤文件，那樣屬于非法的，正確的行為是讓用戶去選擇磁盤文件，然后通過(guò)上傳來(lái)獲取到這個(gè)文件。
至于直接把src改成磁盤文件路徑的做法是行不通的，就算有辦法去實(shí)現(xiàn)也是非法的。
<br> //window的onload事件<br> window.onload = function (){<br> //給input綁定onchange事件<br> document.getElementById("input").onchange = function (){<br> //實(shí)例化一個(gè)FileReader對(duì)象<br> var fileReader = new FileReader();<br> //設(shè)置FileReader對(duì)象初始化<br> fileReader.onload = function (event) {<br> //這塊的可以去查HTML的FileReader對(duì)象對(duì)應(yīng)的API<br> document.getElementById("img").src = event.target.result;<br> image = event.target.result;<br> }<br> //很不推薦使用this關(guān)鍵字 能不用則不用<br> //fileReader.readAsDataURL(this.files[0]);<br> //采用DataURL編碼<br> fileReader.readAsDataURL(document.getElementById("input").files[0]);<br> };<br> };<br>
皈依舞
TA貢獻(xiàn)1851條經(jīng)驗(yàn) 獲得超3個(gè)贊
添加回答
舉報(bào)
0/150
提交
取消