本文介绍了在Vue中实现文件上传功能的步骤，包括使用`multiple`属性支持多选，监听`change`事件调用处理函数`changeFn`，使用`FormData`发送`multipart/form-data`请求。还着重解决了上传后如何清空文件输入框以允许再次上传同名文件的问题，通过`v-if`控制`input`标签的显示状态来达到清空效果。
vue项目中会遇到上传文件的需求，jquery会有一些插件很方便，如果不使用插件网上的方法没有太容易的而且很多是原生JS或者基于jQuery操作dom结构的。那么在vue项目中如何实现呢，还有如何模拟表单文件提交呢？
这里文件上传文件框的样式美化就不过多赘述了，有很多例子。只介绍一下功能的实现以及注意的问题。
<template>
<div>
<span><a href="javascript:;" class="file_prev">本地上传</a><input type="file" class="preFile" name="staffFile" multiple="multiple" @change="changeFn($event)" v-
最低0.47元/天 解锁文章
扫一扫
6475
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
