1.文件和其他参数上传
上传文件使用的是formdata进行的文件上传
html代码块 使用的elementui中的上传组件。
<el-upload
class="upload-demo"
action="#"
:on-preview="handlePreview"
:on-remove="handleRemove"
:before-remove="beforeRemove"
:multiple="false"
:limit="1"
name="certfile"
:on-change="handleChange"
:auto-upload="false"
accept=".cer"
>
<el-button size="small" type="primary">点击上传</el-button>
</el-upload>
:on-change=“handleChange” 绑定获取文件信息。elementui将文件信息放在raw中。
js代码块
handleChange(file) {
this.certFile = file.raw;
}
和其他传参进行提交调用部分
代码块
var formdata = new FormData();
formdata.append("certFile", this.certFile);
formdata.append("hsmInfo",JSON.stringify(this.form) );
saveOrUpdateHsmInfo(formdata).then(res => {
this.$message({
type: 'success',
message: '保存成功'
})
问题
上传时出现里上传的文件是formdata而不是二进制文件流,取文件信息是 取值错误导致的。
this.$alert点关闭也执行了callback
使用的是Element UI库,this.$alert用于展示一个警告框
this.$alert('这是一条警告信息', '标题名称', {
confirmButtonText: '确定',
callback: action => {
//点击确定时才执行
if (action === 'confirm') {
console.log('警告框被关闭');
// 这里执行你需要的操作
}
}
});