element upload ajax,element-ui中的upload组件带token的两种方法

方法1(默认方式)：

action="http://irhfuwu.com:5566/OE/UploadFile/AttachUpload";

multiple

:limit="3"

:headers="myHeaders" //注：此处也可以使用computed来传动态值

:on-success="sucH">

点击上传1

...

data: {

myHeaders: {

token: "324234234234324343pz9cvbg3Rw="

}

},

方法2(不用action，改用自写ajax方式)：

action="#"

:before-upload="beforeUpload"

multiple

:limit="3"

:on-success="sucH">

beforeUpload方式上传

....

beforeUpload:function (file) {

var fd = new window.FormData();

fd.append('key',file,'fileName')

axios.post("http://irhfuwu.com:5566/OE/UploadFile/AttachUpload";,fd,{

headers: {

token: "456436523YZgX6PXALReS5l51QwzVf0eQnYvDJJBKxG91Wpz9cvbg3Rw="

}

}).then(function (res) {

console.log(res);

});

return false // 返回false不会自动上传

}

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。