文章正文

ElementUI中的upload组件添加token

【文章】2020-04-23

简介ElementUI中的upload组件添加token

1、不要用action 用before-upload 自己上传

<el-upload action="123" :before-upload="beforeUpload"></el-upload>
beforeUpload (file) {    
    let fd = new Formdata()
    fd.append('key', file, 'fileName')
    // 自己上传文件 想加什么都可以
    axios.post([url], fd, {
        // 加这里
        headers: {       
        }
    })    
    // 返回false不会自动上传
    return false 
}

2、将token写入upload组件的headers对象

<template>
    <el-upload action="test" :headers="myHeaders"></el-upload>
</template>
<script>
    var token =  localStorage.getItem('token') // 要保证取到
    export default {
        data() {        
            return {
                myHeaders: {Authorization: token}
            }
         }
    }
</script>

参考图片：

打赏支持

感谢您的支持，加油!

打开微信扫码打赏，你说多少就多少

找书费时，联系客服快速获取!

扫码支持

在线客服8:30-22:30，若离线请留言！

获取教程，请联系在线客服!

扫码支持

在线客服8:30-22:30，若离线请留言！

热门阅读

找PDF电子书，太费时间?

  • 微信扫描二维码，让客服快速查找。

    • 在线客服8:30-22:00，若离线请留言！