Upload 上傳的簡單使用

上傳圖片的基本使用（1）

        upload 組件本身就支持請求提交上傳操作，說白了你使用它不用自己去發請求,它會自己發。
        請求方法:默認就是 POST
        請求路徑: action
        請求頭：headers
        上傳文件的名字：name => 默認為file ,我們要修改為 我們接口對應的參數，如 image

      <el-upload
        class="upload-demo"
        :show-file-list="false"
        name="image"
        drag
        // action切換成我們接口的完整路徑
        action="http://api-toutiao-web.itheima.net/mp/v1_0/user/images"
        // headers 配置用戶的信息 如 token
        :headers="uploadHeaders"
        :on-success="uploadSuccess"
        :on-success="handleAvatarSuccess"
      >

 data() {
    const token = JSON.parse(window.sessionStorage.getItem('token'))
    return {
      // 獲取用戶的 token
      uploadHeaders:{
        Authorization: `Bearer ${token}`
      },
    }

 methods: {
    // 成功的回調
    handleAvatarSuccess() {
      // 關閉對話框
      this.addUpladDialogVisible = false;
      // 更新列表
      this.getMaterialImages();
    },
 },