uni-app获取网络图片生成临时路径

图片临时路径的使用在开发中一些特定情况下不可避免的使用,本篇文章介绍如何基于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:图片的临时文件路径


六月初字帖坊小程序 你想要的字帖模板及工具,这里都有!