最近做一個elment admin管理後臺中遇到一個小問題 就是怎樣把圖片上傳給後臺

下面我直接附上程式碼在做詳解

         <el-upload style="margin-bottom: 20px;" :action="imgUrl"
                   :limit='1'
                   :multiple='true'
                   list-type="picture-card"
                   :headers="myHeaders"
                   :on-preview="handlePictureCardPreview" :on-remove="handleRemove">
          <i class="el-icon-plus"></i>
        </el-upload>
        <el-dialog :visible.sync="dialogUp">
          <img width="100%" :src="dialogImageUrl" alt="">
      </el-dialog>
 

action後面可以直接跟地址，但是避免介面地址出現頁面中於是用了imgUrl來過渡

data 下

imgUrl: window.SITE_CONFIG['baseUrl']+'/upload/file',
myHeaders: {
  token:this.$cookie.get('token')
},

一般需要帶token值請求 這樣話就能動態獲取到token 值 前提是你在登入成功時 儲存了token 值

但是提前給後臺仍舊報錯500，這時與後臺小哥哥溝通下 看他那邊接受方式是否出錯。

因為上傳圖片header為

headers: { 'Content-Type': 'multipart/form-data' }