jQuery上傳圖片前本地優先預覽

這次帶給大家jQuery上傳圖片前本地優先預覽，jQuery上傳圖片前本地優先預覽的注意事項有哪些，下面就是實戰案例，一起來看一下。

nbsp;html>


<meta>
<title>jquery上传图片本地预览效果</title>


<script></script>
<input>
<img  alt="jQuery上傳圖片前本地優先預覽" >
<script>
$(&#39;#upload&#39;).change(function(){
  // 获取FileList的第一个元素
  alert(document.getElementById(&#39;upload&#39;).files[0]);
  var f = document.getElementById(&#39;upload&#39;).files[0];
  src = window.URL.createObjectURL(f);
  document.getElementById(&#39;preview&#39;).src = src
})
</script>

我相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

vue做出全選與反選功能

vue.js element-ui tree樹形控制項如何修改iview

#

以上是jQuery上傳圖片前本地優先預覽的詳細內容。更多資訊請關注PHP中文網其他相關文章！