在Vue2中,可以使用HTML5的input元素的multiple属性来实现上传多个文件。首先,在模板中添加一个input元素,并设置type为file,multiple为true:
<input type="file" multiple @change="handleFileUpload">
然后,在Vue实例中,定义handleFileUpload方法来处理文件上传事件:
methods: { handleFileUpload(event) { const files = event.target.files; for (let i = 0; i < files.length; i++) { const file = files[i]; // 进行文件上传操作或其他逻辑 } } }
在handleFileUpload方法中,通过event.target.files获取到用户选择的所有文件,并遍历每个文件进行上传或其他操作。你可以根据需要自行处理文件上传的逻辑。
注意,上传文件的具体实现可能涉及到后端接口和库的使用,这部分不属于Vue的范畴,你需要根据实际情况进行相应的配置和开发。
标签:files,文件,file,vue2,handleFileUpload,上传,event From: https://blog.51cto.com/u_16217814/7246071