Question

我是角度和离子以及写作测试应用程序中的新成员。我试图实现像＃34; PhoneBook＆＃34;这样的东西。我已经添加了一些带图像的默认数据（头像），并希望立即实现添加新的联系人。问题是我不知道如何将新图像保存到应用程序文件夹（我没有任何服务器）。指定，我在本地浏览器存储中包含我的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文件夹？

Answer 1

您无法将文件保存到项目内的img /目录中。您可以理解为何阅读有关cordova应用程序的工作原理。

您的选择是：

将图像保存为二进制文件或Base64存储到存储中，因为您可以使用LocalStorage（10mb限制，因此不是一个好的选项）或SQLite数据库（可选择除了SQLite ngCordova插件之外还有一些数据库实现）例如LocalForage ou 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

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

1 个答案: