uni.canvasToTempFilePath生成多张图片
时间: 2024-06-14 20:06:01 浏览: 173
uniapp多张图片上传.rar
根据提供的引用内容,你可以使用uni.canvasToTempFilePath方法生成多张图片。你可以在循环中多次调用该方法,每次传入不同的canvas对象和文件路径,以生成不同的图片文件。以下是一个示例代码:
```javascript
// 假设canvasList是一个包含多个canvas对象的数组
let canvasList = [canvas1, canvas2, canvas3];
// 假设filePaths是一个包含多个文件路径的数组
let filePaths = ['path1', 'path2', 'path3'];
// 定义一个用于保存生成的图片文件路径的数组
let imagePaths = [];
// 循环调用uni.canvasToTempFilePath方法生成多张图片
for (let i = 0; i < canvasList.length; i++) {
uni.canvasToTempFilePath({
canvas: canvasList[i],
filePath: filePaths[i],
success: function(res) {
// 将生成的图片文件路径保存到imagePaths数组中
imagePaths.push(res.tempFilePath);
},
fail: function(err) {
console.log(err);
}
});
}
```
在上述示例代码中,我们假设canvasList是一个包含多个canvas对象的数组,filePaths是一个包含多个文件路径的数组。然后,我们定义了一个用于保存生成的图片文件路径的数组imagePaths。接下来,我们使用循环遍历canvasList和filePaths数组,并在每次循环中调用uni.canvasToTempFilePath方法生成图片文件。成功生成图片文件后,我们将生成的图片文件路径保存到imagePaths数组中。
阅读全文