選擇圖片不上傳，在頁面中顯示的功能。

在工作中有這樣的需求，在頁面中通過選擇圖片，不通過上傳服務器，並在頁面中顯示出來的功能；（雖說這樣做很變態，選擇完圖片上傳到服務器，通過返回的圖片地址去渲染圖片纔是正道，但是有些時候需求就是這樣，沒有辦法~）閒話到此，貼出代碼：

document.getElementById('selectImg').addEventListener('change',()=>{
        const file = document.getElementById('selectImg');
        const fileObj = file.files[0];
        const windowURL = window.URL || window.webkitURL;
        const img = document.getElementById('preview');

        if(file && fileObj) {
            const dataURl = windowURL.createObjectURL(fileObj);
            img.setAttribute('src',dataURl);
        }
    },false)

html代碼：

    <input type="file" id="selectImg" />
    <img id="preview" />