IOTX中文网

vue文件上传及预览 vue多文件上传并预览 多文件上传预览基本思路 1、获取所上传的文件，input发生change事件时获取 e.target.files，这个变量就是文件列表 2、文件上传用的时FormData格式，这里我循环遍历了文件列表，并把文件append到FormData对象里 3、提交时把FormData对象提交到服务器即可 4、预览功能我用的FileReader的readAsDataURL方法将上传图片转为base64 5、读取操作是异步读取，这里用了Promise，读取操作完成后，触发onload事件，返回一个resolve状态并带上base64编码的字符串 6、将base64这串字符赋给img元素的src，即可预览图片 template： js： 总结 以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。