⽂件上传页⾯
、点击上传显⽰弹窗，并成功添加⽂件，且⽀持多⽂件多格式上传
选择⽂件
、点击确定按钮，⽂件成功保存⾄本地⽬录，并且将⽂件信息保存⾄数据库由于我们并没有设置表单内容也没有做表单规则，点击下载⽂件可展开⽂件列表
下载⽂件
⽂件保存窗⼝
⽂件上传代码代码实现
、前端，由于我们使⽤的是e le m e ntUI，下⾯我们贴上代码上传参数设置
// const isPng = pe === 'image/png'
// const isLt2M = file.size / 1024 / 1024 < 2
//
// if (!isJPG && !isPng) {
//    this.$('上传图⽚只能是 JPG或png 格式!')
// }
// if (!isLt2M) {
//    this.$('上传图⽚⼤⼩不能超过 2MB!')
// }
// return (isJPG || isPng) && isLt2M
},
/
** ⽂件移除时 */
handleRemove(file, fileList) {
for (const i in this.picList) {
if (this.picList[i].key === file.uid) {
this.picList.splice(i, 1)
}
}
this.upload.fileList = fileList
},
// ⽂件改变时
fileChange(file, fileList) {
this.upload.fileList = fileList
},
// ⽂件移除之前
beforeRemove(file, fileList) {
return this.$confirm(`确定移除 ${file.name}？`);
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.tId != null) {
let formData = new FormData()
this.upload.fileList.forEach(file => {
formData.append('file', file.raw)
});
formData.append("tId", this.form.tId)
formData.append("snakebiteType", this.form.snakebiteType)
formData.append("programmeName", this.form.programmeName)
formData.append("programmeDescribe", this.form.programmeDescribe)                            formData.append("orgName", Name)
this.bingOrgCode(Name)
formData.append("orgCode", Code)
updateTreatment(formData).then(response => {
this.msgSuccess("修改成功");
this.open = false;
});
} else {
let formData = new FormData()
this.upload.fileList.forEach(file => {
formData.append('file', file.raw)
})
formData.append("snakebiteType", this.form.snakebiteType)
formData.append("programmeName", this.form.programmeName)
formData.append("programmeDescribe", this.form.programmeDescribe)                            formData.append("orgCode", Code)
formData.append("orgName", Name)
addTreatment(formData).then(response => {
this.msgSuccess("新增成功");
this.open = false;
});
getsavefilename
}
}
});
},
// 取消按钮
cancel() {
this.open = false;
},

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。