
我有一个网页应用程序,角13,Visual 2022,点网核心6.0。我上传了2个docx文件和输入文件。这里的html代码
<div class="custom-file">
<input #file type="file" id="customFile" accept=".pdf,.docx,.jpg,.png,.gif,.txt" (change)="upload(file.files)" name="file" />
<label class="custom-file-label" for="customFile">{{filescelto}}</label>
</div>
<div class="custom-file">
<input #file2 type="file" id="customFile2" accept=".pdf,.docx,.jpg,.png,.gif,.txt" (change)="upload2(file2.files)" name="file2" />
<label class="custom-file-label" for="customFile2">{{filescelto2}}</label>
</div>
<button (click)="uploadFile()">Upload</button>在这里键入脚本代码
async uploadFile() {
await this.http.post<any>('https://localhost:44381/api/Upload', this.formData).subscribe(
(response) => {
console.log('File Uploaded Successfully');
},
(error) => {
console.log(error);
}
)
}在输入文件的更改事件中,FormData中添加了
upload(files) {
if (files.length === 0) {
console.log("return 0");
return;
}
for (const file of files) {
this.formData.append(file.name, file);
console.log(file.name);
}
}上传2个docx文件是可以的,我有一个问题的pdf,因为线程不是在执行(调试在点网核心)。一些想法?
发布于 2022-05-04 20:29:17
我在IFormFile中找到了一个很好的解决方案,而且没有线程问题。
前端
const formData: FormData = new FormData();
this.selectedFiles.push(this.fileToUpload);
this.selectedFiles.push(this.fileToUpload2);
for (let file of this.selectedFiles) {
formData.append("files", file);
}
return this.http.post('https://localhost:44381/FileManager', formData,
{
headers: new HttpHeaders()
})
.subscribe(() => console.log("File uploaded"));后端
public List<IFormFile> Files { get; set; }……
public Task<HttpResponseMessage> PostAsync([FromForm] MultipleFilesModel listfiles)https://stackoverflow.com/questions/72096209
复制相似问题