2016-08-28 83 views
0

我需要在我的Angular 2应用程序中创建图像上传到我的网络服务器。任何人都可以提供一些指导如何实现这一目标吗?Angular 2 - 上传文件

这些都是prerequisities:在JSON

  • ASMX Web服务通信。
  • 用于通信的post方法。
  • JPEG/PNG尺寸最大为1MB。

概念,我想跟随(但失败了)

负荷JPEG的变量的内容,使用的Base64编码进行编码,并将其发布到ASMX服务将接受两个参数(令牌认证和编码数据。

究竟什么是我的问题

Web服务是比较容易的部分,它完成和工作,但我不能设法得到文件内容通过。我用这个:

component.html

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

component.ts

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

正如你可能已经猜到了,问题出在文件类,因为它提供了我,只有基本信息该文件(名称,大小,最后修改,...),但我无法获得该文件的内容。或者至少我不知道如何得到它。我也在这里检查了其他的问题,但所有的答案都有一些特殊的,不符合我的要求。也许我只是盲目的,但我看不到内容得到。

那么,有没有人能够为我提供一些指导方针?

非常感谢您提前。

回答

0

我已经将这个问题留给了有经验的人,他们可以回答这个问题。虽然没有答案,我昨天发现了答案。因此,经过对搜索短语的一些研究和修改,我找到了答案。有一个FileReader类型可用于读取文件的内容。下面是答案的来源:

Getting byte array through input type = file

由于原来的答案,现在我知道该怎么做。