input type=file的幾個屬性

<input type='file' />web

inputDom.onchange=function (e){數組

  e.currentTarget.files  是隻有一個對象的數組spa

  var obj = e.currentTarget.files[0]  是一個對象 上面有name、type、size等屬性對象

  var windowURL = window.URL || window.webkitURL || window.mozURL 一個類圖片

  var imgSrc = windowURL.createObjectURL(obj);  windowURL這個類上有一個createObjectURL的方法,能解析上面那個文件的obj,返回一個src,是一個二進制的大文件,相似 blob:null/19c43c4c-fd5d-4f5a-ae4e-08885e986017get

  而後就能把圖片寫上src,而後顯示  imgDom.style.src=imgSrcinput

}it

相關文章
相關標籤/搜索