FileReader 對象實現圖片預覽

FileReader 對象容許Web應用程序異步讀取存儲在用戶計算機上的文件（或原始數據緩衝區）的內容，使用 File 或 Blob 對象指定要讀取的文件或數據。

//回顯圖片預覽
    function preImg(sourceId) {
        var url;
        var imgPre = document.getElementById("Photo");             //回顯img標籤
        if (navigator.userAgent.indexOf("MSIE")>=1) {            // IE
            url = sourceId.value;
        } else if(navigator.userAgent.indexOf("Firefox")>0) { // Firefox
            url = window.URL.createObjectURL(sourceId.files.item(0));
        } else if(navigator.userAgent.indexOf("Chrome")>0) { // Chrome
            url = window.URL.createObjectURL(sourceId.files.item(0));
        }else{
            url = window.URL.createObjectURL(sourceId.files.item(0));
        }
        imgPre.src = url; 
    }