天天看點

上傳圖檔實作預覽

浏覽器必須支援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);        });