本文實例為大家分享了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實現上傳圖片功能已經有765次圍觀