2016-08-28 35 views
0

Мне нужно создать загрузку изображений на мой веб-сервер в моем приложении Angular 2. Может ли кто-нибудь дать мне некоторое руководство, как добиться этого?Угловая 2 - загрузка файла

Это prerequisities:

  • веб-службы ASMX проходные в формате JSON.
  • post способ используется для связи.
  • JPEG/PNG до 1 МБ.

Концепция Я хотел следовать (но не удалось)

Загрузить содержание JPEG с переменной, кодировать его, используя кодирование Base64 и отправить его на службу ASMX, который будет принимать два параметра (маркер для аутентификации и кодированные данные.

Что именно моя проблема

веб-сервис был легкой частью, это сделано и работает, но я не могу управлять, чтобы получить содержимое файла для регистрации. Я использовал это:

component.html

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

component.ts

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

Как вы уже, наверное, догадались, проблема заключается в файл класса, так как он обеспечивает мне только основную информацию о файл (имя, размер, последний модификатор, ...), но я не могу получить содержимое файла. Или, по крайней мере, я не знаю, как это получить. Я также рассмотрел другие вопросы здесь, на SO, но у всех ответов было что-то особенное, что не отвечало моим требованиям. И, может быть, я просто слепой, но я не могу понять, где находится контент.

Итак, есть ли кто-нибудь, кто может предоставить мне некоторые рекомендации?

спасибо, что заранее.

ответ

0

Я оставил этот вопрос открытым для опытных парней, которые могли бы ответить на него. Однако ответа нет, и вчера я узнал ответ. Итак, после некоторых исследований и модификации поисковой фразы я узнал ответ. Существует тип FileReader, который можно использовать для чтения содержимого файла. Вот источник ответа:

Getting byte array through input type = file

Благодаря оригинальный ответ теперь я знаю, как это сделать.

Смежные вопросы