Angular 2 - 上传文件

Question

我需要在我的 Angular 2 应用程序中将图像上传到我的网络服务器。任何人都可以为我提供一些如何实现此目标的指导吗？

先决条件如下：

我想遵循的概念（但失败了）

将 JPEG 的内容加载到变量中，使用 Base64 编码对其进行编码，然后 post 将其发送到 ASMX 服务，该服务将接受两个参数（用于身份验证的令牌和编码数据。

我的问题到底是什么

Web 服务是比较容易的部分，它已完成并可以正常工作，但我无法设法获取文件内容以进行处理。我用过这个：

component.html

...
<input type="file" (change)="fileChangeEvent($event)" />
...

component.ts

private fileChangeEvent(fileInput: any) {
    let image = fileInput.target.files[0] as File;
    ...
}

正如您可能已经猜到的那样，问题出在文件 class 中，因为它只向我提供有关文件的基本信息（名称、大小、上次修改...），但我不能获取文件的内容。或者至少我不知道如何得到它。我还在SO上检查了其他问题，但所有答案都有一些特殊的东西不符合我的要求。也许我只是瞎了眼，但我看不到内容的来源。

那么，有没有人可以提供一些指导方针供我遵循？

非常感谢您。

Answer 1

我把这个问题留给有经验的人，他们可以回答。虽然没有答案，但我昨天找到了答案。所以，经过一些研究和修改搜索短语后，我找到了答案。有一个 FileReader 类型可用于读取文件的内容。以下是答案来源：

感谢原来的回答，现在我知道怎么做了。

Angular 2 - upload of file