如何從Angular 4應用程序在Web Api中接收多個圖像

Question

我是Angular 4和Web API的新手，在這里我試圖將多個圖像從Angular 4應用程序上傳到Web API。

在這種情況下，我已經成功通過API接收了圖片，同時調試API時，我可以看到上傳圖片的數量。

但是當我嘗試將圖像保存在文件夾中時，僅存儲一個圖像。在數據庫中，所有圖像路徑都顯示相同的路徑。

當我在foreach循環中調試API時，所有顯示相同圖像名稱的圖像。

service.ts [角度4]

 ImageInsert(mObject, mImage) {
        const formData: FormData = new FormData();
        formData.append('mFormData', JSON.stringify(mObject));
        for (const file of mImage) {
          formData.append('ImageFile', file, file.name);
        }
        return this.http.post(this.BASE_URL + `/api/ImageInsert`, formData)
      }

誰能幫我解決這個問題。

Answer 1

我發現我在服務文件中做錯了。

ImageInsert(mObject, mImage) {
        const formData: FormData = new FormData();
        formData.append('mFormData', JSON.stringify(mObject));
        for (const file of mImage) {
          formData.append('ImageFile'+file.name, file, file.name); //Need to have unique key name for each formData
        }
        return this.http.post(this.BASE_URL + `/api/ImageInsert`, formData)
      }