传file文件给后端

我们在给后端传图片或者文件的时候是可以像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);
              });

  • 3
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值