通过Upload 的action方法 返回不了结果，可以通过on-success方法中获取返回结果




-----------------------------------------
computed: {

uploadUrl() {


return baseUrl + "/ImportExcel/";


}
//file为ImportExcel方法返回的结果
onSuccess(file){

if(file.code=="1")

{

this.$Message.error("导入失败:" + file.msg);

return;

}


},




-----------------------------------------
computed: {

uploadUrl() {


return baseUrl + "/ImportExcel/";


}
//file为ImportExcel方法返回的结果
onSuccess(file){

if(file.code=="1")

{

this.$Message.error("导入失败:" + file.msg);

return;

}


},补充知识：Element-UI中上传的action地址相对问题补充知识：补充知识：Element-UI中上传的action地址相对问题我想要在vue里只出现上传地址后缀，然后具体的上传地址，前缀是项目配置里的服务器地址1、action直接写相对地址

class="import-btn"

:action="/base_data/import_data"

:data="uplaodData"

name="files"

:on-success="uploadSuccess"

:on-error="uploadError"

accept="xlsx,xls"

:show-file-list="false">

批量导入



class="import-btn"

:action="/base_data/import_data"

:data="uplaodData"

name="files"

:on-success="uploadSuccess"

:on-error="uploadError"

accept="xlsx,xls"

:show-file-list="false">

批量导入

这样的结果，上传请求的的前缀都是本地localhost:8080，并不是我想要的相对服务器的地址2、屏蔽掉action地址，我自己写请求

class="import-btn"

:action="111" //这里随便写，反正用不到，但是又必须要写，无奈

:before-upload="beforeUpload"

:on-success="uploadSuccess"

:on-error="uploadError"

accept="xlsx,xls"

:show-file-list="false">

批量导入



class="import-btn"

:action="111" //这里随便写，反正用不到，但是又必须要写，无奈

:before-upload="beforeUpload"

:on-success="uploadSuccess"

:on-error="uploadError"

accept="xlsx,xls"

:show-file-list="false">

批量导入

methods里这么写
beforeUpload(file){

let fd = new FormData();

fd.append('files',file);//传文件

fd.append('id',this.srid);//传其他参数

axios.post('/api/up/file',fd).then(function(res){

alert('成功');

})

return false //屏蔽了action的默认上传
},
beforeUpload(file){

let fd = new FormData();

fd.append('files',file);//传文件

fd.append('id',this.srid);//传其他参数

axios.post('/api/up/file',fd).then(function(res){

alert('成功');

})

return false //屏蔽了action的默认上传
},这样的吧但是这样的我发过去的东西老是空的，应该是我不太懂FormData()的用法吧，但是我单独用FormData()的get方法，都能get到，后来发现是因为文件编码问题默认的文件编码application/x-www-form-urlencoded是这个，但是上传文件需要的是multipart/form-data （这个格式的请求太好认， 一长串有没有，里面包括了文件名…），当然有时候也会是这样（files: (binary)），都是ok的啊~，真的要郁闷了，最后还是让我发现了一种办法那就是！！！1、把全局配置的服务器地址引入
import url from '@/http/http'
import url from '@/http/http''@/http/http'2、在data里定义url：‘',3、在create方法里this.url = url;4、在上传组件的action上

class="import-btn"

:action="url+this.uploadUrl" //手动拼地址

:data="uplaodData"

name="files"

:on-success="uploadSuccess"

:on-error="uploadError"

accept="xlsx,xls"

:show-file-list="false">

批量导入



class="import-btn"

:action="url+this.uploadUrl" //手动拼地址

:data="uplaodData"

name="files"

:on-success="uploadSuccess"

:on-error="uploadError"

accept="xlsx,xls"

:show-file-list="false">

批量导入

好了，都好了，相对地址是服务器地址，上传文件编码也是multipart/form-data以上这篇VUE UPLOAD 通过ACTION返回上传结果操作就是小编分享给大家的全部内容了，希望能给大家一个参考。