uni-app获取网络图片生成临时路径
uni-app
2023-05-22 10:17:15
图片临时路径的使用在开发中一些特定情况下不可避免的使用,本篇文章介绍如何基于uni-app开发下获取网络图片生成本地的临时路径。
一、开始前先来了解将要用的uni.getImageInfo(OBJECT)
1.1、uni.getImageInfo即获取图片信息
1.2、平台差异支持所有平台包含:App、H5、微信小程序、支付宝小程序、百度小程序、字节跳动小程序、飞书小程序、QQ小程序、快手小程序、京东小程序
1.3、OBJECT参数
src:图片的路径(必填)
success:成功回调
fail:失败回调
complete:接口调用结束的回调(成功、失败都会执行)
二、代码详解
async test(){
let qrcodeImg = await this.getImageInfo('图片网络路径')
//图片临时路径
console.log(qrcodeImg.path)
}
getImageInfo(imgSrc){
return new Promise((resolve, reject) => {
uni.getImageInfo({
src: imgSrc,
success: (image) => {
resolve(image);
console.log('获取图片成功',image)
},
fail: (err) => {
reject(err);
console.log('获取图片失败',err)
}
});
});
}
三、方法参数及uni.getImageInfo成功响应参数说明
3.1、getImageInfo参数带的是网络图片地址。
3.2、uni.getImageInfo成功响应参数
width:宽度,单位px
height:高度,单位px
path:图片的临时文件路径
六月初字帖坊小程序
你想要的字帖模板及工具,这里都有!
877篇文章
2361人已阅读