数码资讯
element-ui中的upload组件带token的两种方法
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
方法1(默认方式):
<el-upload
action="https://irhfuwu.com:5566/OE/UploadFile/AttachUpload";
multiple
:limit="3"
:headers="myHeaders" //注:此处也可以使用computed来传动态值
:on-success="sucH">
<el-button size="small" type="primary">点击上传1</el-button>
</el-upload>
...
data: {
myHeaders: {
token: "324234234234324343pz9cvbg3Rw="
}
},
方法2(不用action,改用自写ajax方式):
<el-upload
action="#"
:before-upload="beforeUpload"
multiple
:limit="3"
:on-success="sucH">
<el-button size="small" type="primary">beforeUpload方式上传</el-button>
</el-upload>
....
beforeUpload:function (file) {
var fd = new window.FormData();
fd.append('key', file, 'fileName')
axios.post("https://irhfuwu.com:5566/OE/UploadFile/AttachUpload";, fd, {
headers: {
token: "456436523YZgX6PXALReS5l51QwzVf0eQnYvDJJBKxG91Wpz9cvbg3Rw="
}
}).then(function (res) {
console.log(res);
});
return false // 返回false不会自动上传
}
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。