我们在给后端传图片或者文件的时候是可以像element-ui 里一样,直接传到一个指定的服务器里的,但是如果后端不需要一个那样的服务器,我们就不能那样做了,这个是我们就要传file文件给后端了
1:首先在data里声明一个对象为key_file:{},
2:HTML:
<li >
<span style="vertical-align: top"> 证书文件 :</span>
<input type="file" @change="addFile" ref="inputer">
</li>
3: methods:
//上传证书文件
addFile(){
let that = this;
let inputDOM = that.$refs.inputer;
// let oldLen = this.filLen;
that.file = inputDOM.files[0];
let len = this.file.length;
that.key_file = that.file;
},
//这个时候我们已经拿到了file 文件,只要把文件给后端传过去就好了。
4:传递file文件
var formData = new FormData();//先var 一个formData出来;,接着把所有需要传递的参数都append里
formData.append("cert_file", that.ssl_cert_file);
formData.append("key_file", that.ssl_key_file);
formData.append("name", that.param.name);
//然后formData传递
that.$axios({
url:“”,
headers: {
"Content-Type": "multipart/form-data",
},
method: "post",
data: formData,
})
.then(res => {
console.log(res);
})
.catch(error => {
console.log(error);
});