php - PrimeNG在提交表单时上传并保存文件

Question

我在 Angular 6 项目中使用PrimeNG，它也有其他字段。我可以通过单击上传按钮选择图像并将其上传到服务器上，但是当在服务器上提交完整的表单时，我需要它来上传图像。我的代码如下：

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

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

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

标签： phpimageuploadprimengangular6

Answer 1

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