2016-02-14 4 views
2

Мне нужно загрузить несколько изображений на сервер, снятый с камеры или библиотеки, и показать статус загрузки с помощью индикатора выполнения. Я не мог найти полезных ресурсов в Ionic 2. Любая помощь от любого, кто это сделал, очень ценится!Загрузите несколько изображений на сервер с индикатором хода в ионном 2?

ответ

0

Существует 2 типа индикаторов выполнения. Которые показывают прогресс в процентах и ​​бесконечные, которые просто позволяют пользователю узнать, что действие завершено.

И как вы будете загружать свои изображения на свой сервер, это то, о чем вы должны думать. Если вы планируете сразу же загрузить их одним почтовым запросом, вы можете сделать бесконечный индикатор выполнения, который будет показан до начала загрузки и скрыть его, когда сервер откликнется (что означает, что изображения хранятся в вашей базе данных).

Другой способ: если вы ДОЛЖНЫ показать реальный прогресс в процентах, вы можете отправить каждое изображение в отдельный запрос. Вы можете подсчитать количество изображений, которые у вас есть, и на каждом ответе сервера вы увеличите индикатор выполнения на 100/NUMBER_OF_IMAGES. На последнем отправленном изображении вы скроете индикатор выполнения, который в это время должен быть 100%.

P.S: Даже на некоторых самых сложных программных средствах индикаторы выполнения не на 100% точны. Вы можете получить в качестве справочной копии окна копирования/вырезания папки. ETA почти никогда не бывает точным :)

+0

Спасибо Denko, можете поделиться фрагментом кода, как это можно достичь с помощью Ionic 2? – happycoder

+0

http://plnkr.co/edit/M20CkFhvTN86mdmALxG4?p=preview Вы должны увидеть файл app.ts –

+0

могли бы помочь мне с этим http://stackoverflow.com/questions/42784079/how-to-add-a- progress-bar-on-uploading-a-file @Denko Mancheski –