前端图片预览功能实现
很多时候我们都会有图片上传的功能需求,如果我们先将图片上传到服务器,然后在将返回结果显示在前端,这样的操作性能开销太大,如果图片一多,简直要哭,而且万一还碰到了上传错误要删除的,那简直无法想象了。所以我们需要先将图片在前端展示后,然后由用户确认没有问题了,再统一上传,这样才是比较理想的。 input type=file 相信大家都知道,要在前端实现图片的上传,我们离不开的是一个 <input> type=file 的 input 元素,该元素可以允许用户选择一个或者多个文件。 <input type="file"> 复制代码 此时,我们点击 input 元素,就可以浏览本地文件并选择上传。但是,此时我们只能选择一个文件,而不能多个。这时就需要 <input> 标签的另一个属性 multiple multiple multipla 属性允许用户选择多个文件,他是一个不需要值的属性,也就是说,只要你的 input 标签上出现了这个属性,那么不论其值是什么,他都会支持多文件选择。通常来说我们使用 multiple 只会使用其属性名,而不会给他加值 ...
