Как загрузить изображение через угловое и ионное в папку приложения?

0

Я новый в угловом и ионном и письменном испытательном приложении. Я пытаюсь реализовать что-то вроде "PhoneBook". Я добавил некоторые данные по умолчанию с изображениями (аватар) и хочу реализовать добавление новых контактов прямо сейчас. Проблема в том, что я не знаю, как сохранить новое изображение в папке приложения (у меня нет сервера). Укажите, я содержал данные json в локальном хранилище браузера, и есть одно поле, которое содержит имя изображения. На мой взгляд, я делаю следующее:

<ion-item class="item item-avatar item-remove-animate" ng-repeat="contact in contactIndexCtrl.contacts | filter: contactIndexCtrl.search track by contact.id"
    ui-sref="root.contact-detail(::{ id: contact.id })">
        <img ng-src="./img/{{::contact.pic}}"> 
...
</ion-item>

Итак, вопрос в том, как загрузить новые изображения в папку img?

Теги:
ionic-framework
file-upload

1 ответ

1
Лучший ответ

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

Ваши варианты:

  • Сохраните изображение как двоичное или Base64 в хранилище, для этого вы можете использовать LocalStorage (ограничение 10mb, а значит, и не очень хороший вариант) или SQLite dataBase (альтернативно есть некоторые реализации DB, отличные от плагинов SQLite ngCordova, таких как LocalForage ou CouchDB)

  • Сохраните изображение в каталоге приложения sdCard с помощью Cordova FilePlugin

Вот несколько ссылок, чтобы вы могли взглянуть и решить, что хорошо для вас. Для вашего случая я использую хранилище Base64 для SQLite DB

https://dbwriteups.wordpress.com/2015/09/19/saving-images-to-app-storage-in-ionic-using-ngcordova/

https://github.com/mozilla/localForage

https://devdactic.com/complete-image-guide-ionic/

http://gonehybrid.com/how-to-use-pouchdb-sqlite-for-local-storage-in-your-ionic-app/

https://github.com/mozilla/localForage

  • 0
    Спасибо за ответ!

Ещё вопросы

Сообщество Overcoder
Наверх
Меню