primeNG p-upload一度にmutiファイルをアップロードするときに異なる名前の値を設定する方法

Question

私は一度にp-upload upload mutiファイルを使用します。 HTMLコードを以下に示す。

私がリクエストを送信した後

<p-fileUpload name="file" url="./upload.php" (onUpload)="onUpload($event)" (uploadHandler)="uploadHandler($event,form)" 
          multiple="multiple" accept="image/*,application/*" (onBeforeUpload)="onBeforeUpload($event)" 
          chooseLabel="choose" uploadLabel="upload" cancelLabel="cancel" #form> 
       <ng-template pTemplate="content"> 
        <ul *ngIf="uploadedFiles.length"> 
         <li *ngFor="let file of uploadedFiles">{{file.name}} - {{file.size}} bytes</li> 
        </ul> 
       </ng-template> 

、このようなrequstのplayload：コードアップで

------WebKitFormBoundarymBQWZzMTQIYWChSD 
Content-Disposition: form-data; name="access_token" 

token_725186200 
------WebKitFormBoundarymBQWZzMTQIYWChSD 
Content-Disposition: form-data; name="file"; 
filename="32735073444_83b7a691dc_k.jpg" 
Content-Type: image/jpeg 

------WebKitFormBoundarymBQWZzMTQIYWChSD 
Content-Disposition: form-data; name="file"; 
filename="32764885503_1a04915b11_k.jpg" 
Content-Type: image/jpeg 

------WebKitFormBoundarymBQWZzMTQIYWChSD-- 

ルックは、名前のpropertysは同じです。しかし、私は名前= "file1"、名前= "file2"したい。これを修正するには？誰でも私を助けることができますか？私は混乱しています。

Answer 1

これは正常な応答ヘッダーです。

nameプロパティは、実際にはフォーム内のHTMLフィールドの名前です。入力フィールド名をアップロードする各ファイルに設定することはできません（例： 'File1'、 'File2'）。

チェックContent-Dispositionドキュメント

あなたはバックエンドに複数のファイルを特定したい場合は、名前値として結論

<p-fileUpload name="myfile[] 

Answer 2

を文字列配列を使用する場合があり、 Firstlty、nameプロパティを同じに設定することができます1つの入力を使用して複数のファイルを要求するときの値。要求playloadは次のようになります。

------WebKitFormBoundarymBQWZzMTQIYWChSD 
Content-Disposition: form-data; name="access_token" 

token_725186200 
------WebKitFormBoundarymBQWZzMTQIYWChSD 
Content-Disposition: form-data; name="file"; 
filename="32735073444_83b7a691dc_k.jpg" 
Content-Type: image/jpeg 

------WebKitFormBoundarymBQWZzMTQIYWChSD 
Content-Disposition: form-data; name="file"; 
filename="32764885503_1a04915b11_k.jpg" 
Content-Type: image/jpeg 

------WebKitFormBoundarymBQWZzMTQIYWChSD-- 

第二に、名前が複数の入力を使用し、マルチファイルを要求したときに同じ値を設定することはできません。要求は次のようになります。

------WebKitFormBoundarymBQWZzMTQIYWChSD 
Content-Disposition: form-data; name="access_token" 

token_725186200 
------WebKitFormBoundarymBQWZzMTQIYWChSD 
Content-Disposition: form-data; name="file_1"; 
filename="32735073444_83b7a691dc_k.jpg" 
Content-Type: image/jpeg 

------WebKitFormBoundarymBQWZzMTQIYWChSD 
Content-Disposition: form-data; name="file_2"; 
filename="32764885503_1a04915b11_k.jpg" 
Content-Type: image/jpeg 

------WebKitFormBoundarymBQWZzMTQIYWChSD-- 

ちなみに、nameプロパティの値は、どのような値を設定するかによって異なります。

第3に、mutiファイルをアップロードするために入力またはマルチ入力のどちらを使用する場合でも、サーバーコードは異なります。