Angular Spring啟動文件上傳

Question

我需要編寫一個使用spring boot controller和multipart文件的上載angular模塊。 但是當我上傳文件時出現錯誤

Current request is not a multipart request

我嘗試了很多更改，但是每次遇到此錯誤時，都會嘗試。 這是我的角度文件發送者數據服務

    function uploadFile (file) {
        var deferred = $q.defer();
        var fd = new FormData();
        fd.append('file', file);

        $http({
            data : fd,
            method: 'POST',
            transformRequest: angular.identity,
            url: "/api/private/upload",
            contentType: false,
            processData: false
        }).then(function (response) {
            deferred.resolve(response.data);
        }, function (response) {
            deferred.reject(response.message);
        }).catch(function (response) {
            deferred.reject(response.message);
        });
        return deferred.promise;
    }

這是我的控制器public String singleFileUpload(@RequestParam("file") MultipartFile file) { return "redirect:/uploadStatus"; } public String singleFileUpload(@RequestParam("file") MultipartFile file) { return "redirect:/uploadStatus"; }

它不能與多部分解析器一起使用。 您能幫我上傳此文件嗎？

Answer 1

ArrayBuffer到Blob的轉換是您在uploadFile函數中所需的全部操作。 在這里查看示例

  let fileReader = new FileReader();

  fileReader.onloadend = (e) => {
    let arrayBuffer = e.target.result;
    let data = arrayBufferToBlob(arrayBuffer, file.type);

    let formData = new FormData();
    formData.append('file', data);

    // do $http request here
  };

  fileReader.readAsArrayBuffer(yourFileFromInputElement);

Answer 2

在HTML中

<input type="file" name="myfile" (change)="selectFile($event)" 
accept=".png" placeholder="Upload Image" required/>

輸入分量TS

/* File Upload request  to Upload file  */
    this.currentFileUpload = this.selectedFiles.item(0);
    let formdata: FormData = new FormData();
    formdata.append('file', this.currentFileUpload);
    this.shareServices.FileUpload(this.currentFileUpload, path, this.imageName)
      .subscribe(data => {

      })

此服務TS

public FileUpload(editObj: File, id, getNewFileName) {
    let formdata: FormData = new FormData();
    formdata.append('file', editObj);
    return this.httpClient.post(this.Core_URL + '/submitTask/' + id + "/" + getNewFileName, formdata)


  }

全部上傳文件