歡迎您光臨本站 註冊首頁

jquery實現上傳圖片功能

←手機掃碼閱讀     niceskyabc @ 2020-06-30 , reply:0

本文實例為大家分享了jquery實現上傳圖片功能的具體代碼,供大家參考,具體內容如下

代碼:

  點擊頭像上傳圖片   當前瀏覽器不支持FileReader接口";   document.getElementById("xdaTanFileImg").setAttribute("disabled", "disabled");  }  //選擇圖片,馬上預覽   function xmTanUploadImg(obj) {   console.log(obj)   var file = obj.files[0];     console.log(obj);console.log(file);   console.log("file.size = " + file.size);   var reader = new FileReader();   reader.onloadstart = function (e) {   console.log("開始讀取....");   }   reader.onprogress = function (e) {    console.log("正在讀取中....");   }   reader.onabort = function (e) {   console.log("中斷讀取....");   }   reader.onerror = function (e) {   console.log("讀取異常....");   }   reader.onload = function (e) {   console.log("成功讀取....");   var img = document.getElementById("avarimgs");   img.src = e.target.result;   //或者 img.src = this.result; //e.target == this   }   reader.readAsDataURL(file)   }" _ue_custom_node_="true">

 

                                                       

   


[niceskyabc ] jquery實現上傳圖片功能已經有148次圍觀

http://coctec.com/docs/javascript/show-post-240383.html