浏覽器必須支援FileReader,先判斷是否支援。
監聽type屬性等于file的input的change(值改變)事件。使用FileReader讀取,講讀取到的内容給img的src.
本案例中的$("#check"),為圖檔的隐藏域。
if(typeof FileReader =='undefined'){ return ; } $("input[name='file']").change(function(e){ var file = e.target.files[0]; var reader = new FileReader(); reader.onload = function(e){ $("#check").attr({'src':e.target.result}); $("#check").show(); } reader.readAsDataURL(file); });