Question

我是Angular 4和Web API的新手，在这里，我试图将Angular 4应用程序中的多个图像上传到Web API。

在这种情况下，我已经成功通过API接收了图像，同时调试API时，我可以看到上传图像的数量。

但是当我尝试将图像保存在文件夹中时，只存储了一张图像。在数据库中，所有图像路径都显示相同的路径。

当我在foreach循环中调试API时，所有显示相同图像名称的图像。

service.ts [Angular 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)
      }

如何从Angular 4应用程序在Web Api中接收多个图像

1 个答案: