Существуют ли реально рабочие модули Angular для передачи файлов на php сервер?

Question

[Abc Edc]

И можно сразу ссылку пожалуйста и у меня сам Angular клиент это Phonegap приложение так что он не лежит на сервере, может в этом тоже загвостка, потому что нашел я всего два примера из них не один ничего с серва не ответил респозом

Answer 1

[Сергей Протько]

в случае с phonegap из коробки у вас нет доступа к файловой системе. У вас есть по сути только два варианта:

1) если у вас есть поддержка Android < 4.0 то только https://github.com/apache/cordova-plugin-file-transfer
2) Если можно только Android 4.0+ то плагин File, а в JS создаете блобы, запихиваете это дело в FormData и отправляете сервисом $http. Примеры в сети есть. Могу чуть позже свой сервис-обертку для $http под себя выложить на gist.

Так же рекомендую посмотреть на модуль ngCordova.

Comments

[Abc Edc]

Я не уточнил, речь идет о картинках , я использую ионик, я думал что если он на ангуляре то можно использовать не обращая внимания на то что это телефон а как на компе, в принципе отрабатывает , то есть поиск по картинкам дает мне приложение, просто вот дальше уже ничего не происходит, не думаю что я накасячил иба копипастил примеры из двух разных модулей ангуляра, еще я думал как вариант можно внутри контроллера как бы захардкодить используя файлтрансфер не ангуляровский а от фонгапа на саму картинку, но это видимо бред? Кстати планируется и на ios, как с ним быть?Прошу помочь пожалуйста, потому что приложение написано, а добавление аватарок я отложил на последний момент, а тут такая воот загвостка..

[Сергей Протько]

ГЛЕБ ГЛЕБОВ: с чего бы это приложению на angular работать одинаково на компе и на девайсе? Он дает вам только структуру, ionic дает UI и навигацию по скринам, а уж как вы используете API платформы (а доступ к файловой системе это API платформы) это чисто вам решать.

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

[Сергей Протько]

ГЛЕБ ГЛЕБОВ: на iOS можно второй вариант использовать спокойно, первый тоже будет работать всегда.

Вы не забывайте, что мобильная ось отличается от десктопной.

[Abc Edc]

Сергей Протько: Ага все уяснил , благодарю, тогда проще будет это в контроллере или вообще в отдельном файле на какой нибудь oncnange по изображению вешать файлтрансфер а на пхп уже без изменения заголовков по обыкновенному принимать файл?

[Сергей Протько]

ГЛЕБ ГЛЕБОВ: проще будет подключить ngCordova и нормально работать. Как быстро наговнокодить я вам советовать просто не стану.

[_ _]

Сергей Протько: вот только с помощью FormData добавить именованный blob нельзя, хотя на https://developer.mozilla.org/en-US/docs/Web/API/F... говорят, что можно. Поэтому по-настоящему везде работающий способ это file-transfer.

[Abc Edc]

На хтмл5 рокс тоже пишут что можно но пример не рабочий

[Сергей Протько]

Александр Марченко: если на мозиле пишут что можно значит можно. Пример (пример так себе, но работает)

https://gist.github.com/fesor/20d35041c14faacaccaa - слепил из того что было, так что сори.

[Abc Edc]

Все получилось работает через стандартный файл трансфер и камера.пикачсоурс. А интересно как скажем реальзовать множественную загрузку картинок , не драг дроп а как галочкой типа отмечать например нажамать на инпут файл и отметить галочками и как нибудь чтобы получался массив ссылок до файла который отметил а потом их файл трансфером все перекидывать, так можно?

[Сергей Протько]

ГЛЕБ ГЛЕБОВ: да, вы же можете несколько запросов на сервак отправлять одним заходом. асинхронный i/o и все такое.

[Abc Edc]

Сергей Протько: Блин а нельзя оказывается , так file input multiple не предоставляет инфы ссылки, вычитал что браузер типа в целях безопасности скрывает( ( а navigator.camera.getPicture только для одной