hereのngprime fileupload
を使用してファイルをアップロードし、rest service
に送信してswagger json
を検証し、ファイルのアップロード中にファイルコンテンツをdbに保存します。angular2 primengファイルアップロード問題
は、ここに私のfileupload.html
<div class="ui-g">
<p-growl [value]="msgs"></p-growl>
<form [formGroup]="uploadForm" novalidate>
<div class="ui-g-12">
<div class="ui-grid-row">
<div class="ui-grid-col-12" [ngClass]="{'has-error':!uploadForm.controls['activity'].valid && uploadForm.controls['activity'].touched}">
<div class="ui-grid-col-2"><label>Product Name </label></div>
<div class="ui-grid-col-8">
<input class="inputtext" type="text" formControlName="activity" placeholder="Product Activity"/>
<div *ngIf="uploadForm.controls['activity'].hasError('required') && uploadForm.controls['activity'].touched" class="alert alert-danger">You must enter Product Name.</div>
</div>
</div>
</div>
</div>
<div class="ui-g-12" >
<p-fileUpload name="demo[]" url="{{uploadUrl}}" (onUpload)="onUpload($event)" accept=".json,.text,.yml" maxFileSize="1000000" [disabled]="!uploadForm.valid">
<template pTemplate="content">
<ul *ngIf="uploadedFiles.length">
<li *ngFor="let file of uploadedFiles">{{file.name}} - {{file.size}} bytes</li>
</ul>
</template>
</p-fileUpload>
</div>
私は取得しています... XMLHttpRequest cannot load http://localhost:8080/upload. Response for preflight is invalid (redirect)
エラーです。実際に私がローカルで実行している私の残りのsereviceに行っていない要求...
@RequestMapping(value = "/upload", method = RequestMethod.POST)
public ResponseEntity uploadFile(MultipartHttpServletRequest request, HttpServletResponse response, HttpServletRequest httpRequest) {
/swagger validation logic
}
私のコードの問題は何ですか?
基本的にアップロードがMultipartFile MediaType.MULTIPART_FORM_DATA_VALUE – Karthigeyan
するファイル私は同じ 'http.post(URL、ファイルを)やったところそれは' 'Angular1.4'のために働いていた、ありますとにかくjsonやテキストファイルをアップロードするには? – user1653027