Javascript 在Angular 2中处理文件对象

Javascript 在Angular 2中处理文件对象,javascript,angular,Javascript,Angular,我以前问过一个基于这个的问题,但没有一个解决方案对我有效,现在我完全迷失了方向 我想能够上传一个图像,并将其保存到我的Angular 2项目的资产文件夹 目前,我有文件对象,但我不知道下一步该如何处理它,也不知道该如何保存它 这是文件的输入字段 <input type="file" name="image" (change)="saveImageToFile($event)" accept="image/*" required> 这会记录图像对象,但我不知道如何保存它。我已经尝试设

我以前问过一个基于这个的问题,但没有一个解决方案对我有效,现在我完全迷失了方向

我想能够上传一个图像,并将其保存到我的Angular 2项目的资产文件夹

目前,我有文件对象,但我不知道下一步该如何处理它,也不知道该如何保存它

这是文件的输入字段

<input type="file" name="image" (change)="saveImageToFile($event)" accept="image/*" required>

这会记录图像对象,但我不知道如何保存它。我已经尝试设置表单数据对象,但是当我尝试将文件附加到它时,它仍然是空的。我有一个Java/Spring启动后端,但我甚至无法将其发送到后端。

不清楚问题出在哪里。这很简单。创建FormData对象,追加('image',this.image)。使用AJAX发送formData对象。]@dfsq感谢您的回复。我已经试过了,当我附加到FormData对象并发送它时,FormData对象被发送为空。你怎么知道它是空的?您可以轻松检查客户端(浏览器)是否发送文件(网络选项卡,浏览请求标题)。然后,您只需要正确设置服务器来接受和处理它。不清楚问题出在哪里。这很简单。创建FormData对象,追加('image',this.image)。使用AJAX发送formData对象。]@dfsq感谢您的回复。我已经试过了,当我附加到FormData对象并发送它时,FormData对象被发送为空。你怎么知道它是空的?您可以轻松检查客户端(浏览器)是否发送文件(网络选项卡,浏览请求标题)。然后,您只需要正确设置服务器来接受和处理它。
saveImageToFile(e) {
   this.image = e.srcElement.files[0];
   console.log(this.image);
}