uniapp 生成图片
时间: 2023-10-03 16:03:53 浏览: 91
uniapp可以通过调用API将图片保存到本地。可以使用saveImageToPhotosAlbum方法来保存图片,其中参数filePath是图片文件路径,可以是临时文件路径也可以是永久文件路径,但不支持网络图片路径。如果需要保存网络图片,需要先下载图片,然后再保存到相册。
下面是一个示例代码,演示了如何保存图片到本地相册:
```javascript
beginCanvas() {
this.$refs.mosoweCanvasComponents.createCanvas();
},
_canvasImage(e) {
this.canvasUrl = e;
console.log("图片", e);
// 网络图片需要先进行下载然后直接保存到相册
// this.saveHttpImg(e);
// 本地图片可以直接保存到相册
this.save(e);
uni.redirectTo({ url: `/pages/index/invite` });
},
saveHttpImg(url) {
let _t = this;
uni.downloadFile({
url: url,
success: (res) => {
if (res.statusCode === 200) {
let file = res.tempFilePath;
_t.save(file)
}
}
});
},
save(url) {
let _this = this;
uni.saveImageToPhotosAlbum({
filePath: url,
success: () => {
uni.hideLoading();
uni.showToast({ title: "图片已保存" });
},
fail: () => {
uni.hideLoading();
uni.showToast({ title: "图片保存失败" });
}
});
}
```
阅读全文