我们需要实现一个图片上传后预览的效果:
![](https://imgconvert.csdnimg.cn/aHR0cHM6Ly94Z3BheC50b3Avd3AtY29udGVudC91cGxvYWRzLzIwMjAvMDgvd3BfZWRpdG9yX21kXzc5YzljNDkwMzQ2MjE1ZGI3YmQ3NTliYWU0Nzk3MDgwLmpwZw?x-oss-process=image/format,png)
html部分:
这部分很简单,不多赘述
<input type="file" multiple="multiple" accept="image/jpg,image/jpeg,image/png" />
<div>
<img src="" alt="">
</div>
js部分:
我们通过onchange触发文件选择后的方法,然后通过浏览器提供给我们的window.URL.createObjectURL()方法构建一个本地的blob对象路径(blob:二进制数据),再将这个路径绑定给img的src属性之中
function test(e