javascript BLOB 圖片預覽

使用方式：
一、使用URL.createObjectURL(file)​​​​預覽圖片
objectURL = URL.createObjectURL(blob);

示例

<input type="file" id="btn" accept="image/*" value="點擊上傳" />
<img id="img"/>

btn.addEventListener('change',function(){
    let file = this.files[0];
    // 進一步防止文件類型錯誤
    if(!/image\/\w+/.test(file.type)){  
        alert("看清楚，這個需要圖片！");  
        return false;  
    }  
    img.src = URL.createObjectURL(file)
})