<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