vue.js - vuejs的post请求怎么发送文件？body中的formdata怎么构造

问题描述

问 题

我想向后台传一个zip压缩包configuration.zip，现在已通过element-ui的upload控件将文件上传了，这个控件的地址是：
http://element.eleme.io/#/zh-...
感觉还可以，现在需要调用post请求，将这个zip文件发送到后台，以formdata的形式发送，在postman中发送的形式如图，这样是可以的，后台已写好：

但不知道用vue-resource的post请求该怎么构造这个formdata，我现在用下面这种方式是不行的，不太懂，还希望有大神指导下：

        this.$http.post('/url', {filename: 'http://localhost:8080/url/configuration.zip'}).then(function(response) {
            return response.text();
        },function(err) {
            alert("goodbye world")
            console.log(err)
        }).then((text) => {
            this.msg = text
        });

上传zip文件后如下：

看vue-resource的github上（链接：https://github.com/pagekit/vu...）的说明给的例子是这样的：

this.$http.post('/someUrl', {foo: 'bar'}).then((response) => {…}, (response) => {
    // error callback
  });

但和我这个需求好像不太一样，求指教 :-)

解决方案

用formdata对象接口, https://developer.mozilla.org...
这里有更具体的https://developer.mozilla.org...
就是对老浏览器支持不好

这篇关于vue.js - vuejs的post请求怎么发送文件？body中的formdata怎么构造的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！