[英]How to save image from url into assets folder
I am using Ionic with Cordova to develop my first Android app and i need to retrieve an image from a REST api and store it on my device, so then i can use it even if the device is offline.
这是我正在使用的当前版本:
离子:
离子 CLI:6.10.1 (C:\Users\agusd\AppData\Roaming\npm\node_modules@ionic\cli) 离子框架:@ionic/angular 5.3.1 @angular-devkit/build-angular:0.901.12 @angular -devkit/schematics:9.1.12 @angular/cli:9.1.12 @ionic/angular-toolkit:2.3.0
电容器:
电容器 CLI:2.4.0 @capacitor/core:2.4.0
Cordova:
Cordova CLI: 9.0.0 (cordova-lib@9.0.1) Cordova Platforms: android 8.1.0 Cordova Plugins: cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.2.1, (and 4其他插件)
我正在遵循适用于 Ionic 3 的指南,但我无法让它在我当前的 Ionic 版本上运行。
到目前为止,我已经设法获得了包含 URL 的 JSON object,但我不知道如何下载该图像并将其存储到我的资产文件夹中。
我的代码是这样的:
api.service.ts:
apiURL = 'my api url...';
getDiarios() {
const diarioArgs = {
method: 'GET',
mode: 'cors',
headers: {
'Content-Type': 'application/json' }
};
return this.http.get(this.apiURL, diarioArgs);
}
然后我有这个 function,它调用服务并检索响应:
data: any;
lastDiario: any;
lastID = 0;
loadLastDiario() {
try {
this.apiService.getDiarios().subscribe(
(data) => {
this.data = data;
for (const item of this.data.content) {
if (item.id > this.lastID) {
// I get the object with the largest id, which means is the last uploaded
this.lastID = item.id;
this.lastDiario = item;
}
}
console.log(this.lastDiario);
for (const item of this.lastDiario.archivos) {
// Here is where I need to save every item of "archivos" into my assets folder or any other
// Every item has an URL property that I can get through **this.lastDiario.archivos.url**
}
}
);
} catch (error) {
console.log("Couldn't connect to the service")
}
}
如果有人可以帮助我,我一般是 Ionic 和 Angular 的新手,所以任何建议都会有所帮助!
assets 文件夹在运行时只读。
您只能在设计时将文件存储在其中。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.