无法使用Ionic和Vue.js保存文件

问题描述

我正在尝试保存从API获得的图像并将其保存在应用程序中。我目前正在使用Ionic 5和Vue.js。

要保存图像,我正在使用ionic native file library.

问题是我无法在Android,iOS或Web上运行它。我不太了解这个库的工作原理,我尝试过两种方式使用它:

我尝试过的第一件事是用作静态方法,但是它没有用,并且所有参数都返回了 null

import { File } from '@ionic-native/file';

private async getimage(token: string,model: Model): Promise<Model> {
    const { thumbnailLink } = model.images;
    const response = await axios.get(thumbnailLink,{ responseType: 'arraybuffer' });
    File.writeFile(`${token}/model-${model.id}`,'thumbnail.png',response.data);
}

我尝试过的第二种方法是实例化类,但也没有解决问题。

import { File } from '@ionic-native/file/ngx';

private async getimage(token: string,{ responseType: 'arraybuffer' });
    (new File()).writeFile(`${token}/model-${model.id}`,response.data);
}

如果有人可以帮助我弄清楚该怎么办,那么我现在已经尝试解决了一天。谢谢!

解决方法

https://capacitorjs.com/docs/apis/filesystem

import { Plugins } from "@capacitor/core";
const { Filesystem } = Plugins;

稍后在您的代码中

Filesystem.write(...)