我正在创建一个angular2项目,我的要求是上传文件并从客户端向服务器(Spring Rest Server)发送一些参数.我尝试过Formdata接口,但是当我将一个文件(从event.srcElement.files创建的文件对象)附加到它然后将对象记录到控制台时,它会打印一个空的formdata对象.至于服务器端,我正在使用@requestparam("file")来获取文件.如果有人可以提供一些帮助,那就太好了.
这是我的html文件中的代码
<input type="file" #uploadFile multiple="true" (change)="uploadFile($event)"/>
Run Code Online (Sandbox Code Playgroud)
组件文件是这样的
uploadFile(event:any){
let file = event.target.files[0];
let fileName = file.name;
console.log(file)
console.log(fileName)
let formData = new FormData();
formData.append('file',file);
this.examService.uploadAnswer(formData);
}
Run Code Online (Sandbox Code Playgroud)
并在服务文件中
uploadAnswer(formData:FormData){
console.log(formData)
this.http.post(this.url+'/uploadanswer', formData)
.map((response: Response) => {
let res = response.json();
Object.keys(res).forEach(name =>
this.questions=res[name]
);
});
Run Code Online (Sandbox Code Playgroud)