技术不行但人小帅 2022-03-09 00:06 采纳率: 59.7%
浏览 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日

悬赏问题

  • ¥100 set_link_state
  • ¥15 虚幻5 UE美术毛发渲染
  • ¥15 CVRP 图论 物流运输优化
  • ¥15 Tableau online 嵌入ppt失败
  • ¥100 支付宝网页转账系统不识别账号
  • ¥15 基于单片机的靶位控制系统
  • ¥15 真我手机蓝牙传输进度消息被关闭了,怎么打开?(关键词-消息通知)
  • ¥15 装 pytorch 的时候出了好多问题,遇到这种情况怎么处理?
  • ¥20 IOS游览器某宝手机网页版自动立即购买JavaScript脚本
  • ¥15 手机接入宽带网线,如何释放宽带全部速度