? 要做圖片上傳嘛，肯定要做實時預覽。貼代碼算了；

<div class="btn">
<input type="button" name="upload" id="upload" value="上傳" />
<input type="text" name="filename" id="filename" value="" />
<input type="file" class="input-file" id="a" style="display: none;"/>
</div>
<div>
<img src="" alt="" style="width: 300px;height: 150px;" id="Img"/>
</div>
<script type="text/javascript">
document.getElementById("upload").οnclick=function(){
document.getElementById("a").click();
}

document.getElementById("a").οnchange=function(e){
console.log(e.target.files[0])
var imgURL=window.URL.createObjectURL(e.target.files[0]) ;
document.getElementById("filename").value=imgURL;
document.getElementById("Img").src=imgURL;
}
</script>

效果完全ok 能在本地看到圖片，注意e.target.files[0].

這個玩意有個版本是e.files【0】就能獲取的，因為事件和文件不一樣的關系，所以需要注意一些事項。

總之就是加target就ok，這個是簡單的，還有使用h5的方式，待會再貼出來。

轉載于:https://www.cnblogs.com/fordouble/p/6993848.html

總結

以上是生活随笔為你收集整理的关于input file img实时预览获取文件路径的问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。