技术不行但人小帅 2022-03-09 00:06 采纳率: 59.2%
浏览 17
已结题

请问bootstrap vue 这个框架究竟怎么传表单的文件?

实在不会。控制台能输出内容,但是发送的内容却只有一个$path

img

  • 写回答

1条回答 默认 最新

  • 归来巨星 前端领域新星创作者 2022-03-09 08:40
    关注

    文件上传 content-type换成 "Content-Type":"multipart/form-data"

    //main.js
    //自定义
    var instance = axios.create({
      baseURL:'',
      timeout:5000,
      headers:{"Content-Type":"multipart/form-data"}
    });
     
    Vue.prototype.axios = axios;
    Vue.prototype.instance=instance;
    
    

    传递表单对象 formData 也就是formData而不是对应的数据

    var img_file = this.$refs.inputs;
                var formData = new FormData(img_file);
                var fileObj = img_file.files[0];
                console.log(formData)
                formData.append("dsc","dsc");
                formData.append("file",fileObj);
                console.log(fileObj)
                this.instance.post(url,formData).then((res)=>{
                        this.getInit()
                })
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录

报告相同问题?

问题事件

  • 系统已结题 3月17日
  • 已采纳回答 3月9日
  • 创建了问题 3月9日