如何通过角度和离子将图像上传到应用程序文件夹？答案

【问题标题】：How to upload image via angular and ionic to the application folder?如何通过角度和离子将图像上传到应用程序文件夹？
【发布时间】：2016-09-19 09:10:45
【问题描述】：

我是 Angular 和 ionic 以及编写测试应用程序的新手。我正在尝试实现类似“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 文件夹？

【问题讨论】：

标签： angularjs file-upload ionic-framework

【解决方案1】：

您不能将文件保存到项目内的 img/ 目录。您可以理解为什么阅读有关 cordova 应用程序如何工作的信息。

您的选择是：

将图像作为二进制文件或 Base64 保存到存储中，因为您可以使用 LocalStorage（10mb 限制，所以不是一个好的选择）或 SQLite 数据库（或者除了 SQLite ngCordova 插件之外还有一些数据库实现例如 LocalForage 或 CouchDB）
使用 Cordova FilePlugin 将图像保存到您的应用程序 sdCard 目录

这里有一些参考资料，您可以查看并决定哪些对您有好处。对于您的情况，我将使用 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

【讨论】：