vue + axios 實現圖片上傳 簡單版


uploadImg(img) { // img  =>  base64圖片地址
      let param = new FormData(); //創建form對象
      param.append('multipartFile', this.dataURLtoBlob(img));// base64 轉  二進制流   multipartFile => 后端要求的參數
      this.$axios({
        method: 'post',  // post 方式
        url: '/ss-minprogram/uploads',  // 接口地址
        headers: { // 設置請求頭
          "Content-Type": "multipart/form-data"
        },
        data: param  // 參數
      }).then((re) => { // 成功

      }).catch((err) => { // 異常

      })
    },
    //base64 轉二進制流
    dataURLtoBlob(dataurl) {
      var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],
        bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
      while (n--) {
        u8arr[n] = bstr.charCodeAt(n);
      }
      return new Blob([u8arr], { type: mime });
    },

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM