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)
})

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM