vue清空file文件

文章描述:

Vue在上传file文件后怎么清空选择文件

 

 

选择文件

<input type="file" ref="file"/>
<el-button type="primary" @click="uploadButton">上传</el-button>

 

判断是否选择文件

if(this.$refs.file.files[0] == undefined)
{
         this.$message.error("请选择上传文件!")
         return false
}

 

上传表单及清空选择文件

let formData = new FormData()
formData.append('file', this.$refs.file.files[0])
formData.append('AdminToken', getAdminToken())
formData.append('office_code_id',this.query.office_code_id)
axios.post(this.uploadUrl,formData, {

}).then(response => {

     if(response.data.code==400){
            this.$message.error(response.data.data.msg)
     }
     if(response.data.code==200){
            this.$message.success('导入成功')
            this.dialogVisibleUp = false
            this.$refs.file.value = ''; // 清空file文件

            this.list()
     }
})

 

发布时间:2023/11/10

发表评论