提交表单后PrimeNG上传并保存文件

Question

我在角度6项目中使用PrimeNG的形式也有其他领域。我可以选择图像并将其上传到服务器上，方法是单击“上传”按钮，但是当在服务器上提交完整的表单时，我需要它上传图像。我的代码如下：

<p-fileUpload 
   name="myfile[]" 
   url="{{uploadPhotoUrl}}"
   accept="image/*"
   chooseLabel="Blog Image"
   invalidFileTypeMessageDetail="Upload Only Images">
</p-fileUpload>

表单的末尾还有其他输入字段和一个提交按钮。我也尝试过使用以下属性，但是不知道如何使用它们将选定的文件和表单发送到服务器。

(onUpload)="onUpload($event)" customUpload=true

Answer 1

我目前的理解是，您基本上无法使用PrimeNG文件上传组件执行此操作。该组件的本质是异步上传文件，这意味着您不会收到其余的任何表单提交。您可以在服务器端使用状态机制来保持请求关联，但是从本质上讲，上载部分无法像本地文件上载那样包含其余的表单字段。