方法一：

<input type='file' id='chooseFile'>
<img src='' id='picToCheck'/>
document
        .querySelector('#chooseFile')
        .addEventListener('change', function(){
            //當沒選中圖片時，清除預覽
            if(this.files.length === 0){
                document.querySelector('#picToCheck').src = ''
 
;
                return;
            }

            //例項化一個FileReader
            var reader = new FileReader();

            reader.onload = function (e) {
                //當reader載入時，把圖片的內容賦值給
                document.querySelector('#picToCheck').src = e.target.result;
            };

            //讀取選中的圖片，並轉換成dataURL格式
 

            reader.readAsDataURL(this.files[0]);
        }, false);

方法二：

preload.src = getObjectURL(files[0]);
function getObjectURL(file) {
        var url = null;
        if (window.createObjectURL != undefined) { // basic
            url = window.createObjectURL(file);
        } else if (window.URL != undefined
 
) { // mozila(firefox)
            url = window.URL.createObjectURL(file);
        } else if (window.webkitURL != undefined) { // webkit or chrome
            url = window.webkitURL.createObjectURL(file);
        }
        return url;
    }