0
我有一个文件上传工作正常,但是,我想传递包含其他详细信息的JSON对象,例如谁创建了文件,文件显示名称和文件路径上传。每种文件类型都需要上传到我从数据库中获得的某个位置。目前我的文件上传将把所有文件上传到一个位置。如果这是不可能的,我可以只传递头中的上传路径URL吗?传递带有文件上传的URL或JSON对象
HTML
<input name="file" type="file" (change)="onChange($event)" style="width:80%" [disabled]='showDeleteButton' />
部件
onChange(event: any) {
var files = event.srcElement.files;
this.file = files[0];
this.fileName = this.file.name;
console.log('file name ' + this.fileName);
this._uploadService.makeFileRequest(this.baseURL + 'UploadFiles', [], files).subscribe(() => {
console.log('file name ' + this.fileName);
});
服务
makeFileRequest(url: string, params: string[], files: File[]): Observable<any> {
return Observable.create((observer: Observer<number>) => {
let formData: FormData = new FormData(),
xhr: XMLHttpRequest = new XMLHttpRequest();
for (let i = 0; i < files.length; i++) {
formData.append("uploads[]", files[i], files[i].name);
}
xhr.onreadystatechange =() => {
if (xhr.readyState === 4) {
if (xhr.status === 200) {
observer.next(JSON.parse(xhr.response));
observer.complete();
} else {
observer.error(xhr.response);
}
}
};
xhr.open('POST', url, true);
xhr.send(formData);
});
}
的WebAPI
[HttpPost]
[Route("API/FileUpload/UploadFiles")]
public HttpResponseMessage UploadFiles()
{
var file = HttpContext.Current.Request.Files[0];
if (file.ContentLength > 0)
{
var fileName = Path.GetFileName(file.FileName);
var path = Path.Combine(System.Web.Hosting.HostingEnvironment.MapPath("~/upload/"), fileName);
// var path = Path.Combine(System.Web.Hosting.HostingEnvironment.MapPath("~/upload/1/1/"), fileName);
file.SaveAs(path);
var content = JsonConvert.SerializeObject(fileName, new JsonSerializerSettings
{
ContractResolver = new CamelCasePropertyNamesContractResolver()
});
var response = Request.CreateResponse(HttpStatusCode.OK);
response.Content = new StringContent(content, Encoding.UTF8, "application/json");
return response;
}
return Request.CreateErrorResponse(HttpStatusCode.BadRequest, "faild");
}
我想通过这个对象
或是否有无论如何要通过上传路径的头呢?