微信小程序通过临时图片路径拿到图片文件以及base64地址

这篇具有很好参考价值的文章主要介绍了微信小程序通过临时图片路径拿到图片文件以及base64地址。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

话不多说直接上代码

//使用
this.getFileByTmpPath(tmp_path).then(res=>{
//url、file、width、height
console.log(res)
})
//函数
function getFileByTmpPath(tempImagePath) {
    return new Promise((resolve, reject) => {
        wx.getImageInfo({
            src: tempImagePath,
            complete: infoRes => {
                if (infoRes.errMsg == 'getImageInfo:ok') {
                    wx.getFileSystemManager().readFile({
                        filePath: infoRes.path,
                        encoding: 'base64',
                        complete: fileRes => {
                            if (fileRes.errMsg == 'readFile:ok') {
                                const dataUrl = `data:image/${infoRes.type};base64,${fileRes.data}`;
                                const arr = dataUrl.split(',');
                                const bstr = arr[1].replace(/[\r\n\s]/g, '');
                                const file = wx.base64ToArrayBuffer(bstr);
                                let res  ={
                                url:dataUrl,
                                file:file,
                                width:infoRes.width,
                                height:infoRes.height,
                                }
                                resolve(res);
                            } else {
                                resolve();
                            }
                        }
                    });
                } else {
                    resolve();
                }
            }
        });
    });
}

文章来源地址https://www.toymoban.com/news/detail-510706.html

到了这里,关于微信小程序通过临时图片路径拿到图片文件以及base64地址的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信临时文件wxfile://tmp文件处理,微信小程序最新获取头像和昵称

    欢迎点击领取 -《前端开发面试题进阶秘籍》:前端登顶之巅-最全面的前端知识点梳理总结 *专享 技术栈:taro框架 + vue3版本 解决在微信小程序获取微信头像时控制台报错: 找不着wxfile://tmp 文件路径,失败 ,原因如下:因为微信提供给我开发者的是一个本地的临时文件是会失

    2024年02月09日
    浏览(40)
  • uniapp小程序临时图片路径写入内存保存,并读取写入的图片

    功能背景 开发遇到奇葩需求,需要用户使用小程序时把图片以及操作数据保存在用户手机本地,那么就遇到问题了。图片随便拍一张都是几百kb,那么如果使用localstorage,存两三张就满了,就会自动清空数据,而且微信也会提示运行内存不足。。。所以另辟蹊径,使用 wx.Fi

    2024年02月14日
    浏览(30)
  • 【uniapp】微信小程序 普通图片路径和base64格式图片 保存图片到相册

    第一种:普通图片路径 第二种:base64格式的图片 以上便是两种保存图片的方式。 

    2024年04月23日
    浏览(23)
  • 微信小程序配置绝对路径引入文件

    微信小程序默认使用相对路径引入文件 在多层文件夹时需要很长前缀 const { ClueApi } = require(\\\'../../../../utils/api.js\\\') 配置方法 在app.json里面配置  \\\"resolveAlias\\\": {     \\\"@/*\\\": \\\"/*\\\"   } 在页面使用  const { ClueApi } = require(\\\"@/utils/api\\\");

    2024年02月12日
    浏览(31)
  • 微信小程序怎么通过图片链接获取图片宽高比(适合在下载图片前获取宽高比)

    在微信小程序中,可以通过 wx.getImageInfo 来获取图片链接的宽高信息: getImageInfo 是一个异步API,它会去下载图片并获取到图片的宽高信息。 主要步骤: 1. 通过 wx.getImageInfo 获取图片宽高 2. 在 success 回调中可以拿到 width 和 height 3. 将 width 除以 height 即可计算出宽高比 ratio 注意: -

    2024年02月03日
    浏览(49)
  • 微信小程序生成菊花码,通过Java修改中间图片为上传的图片,含前端使用方法

    场景: 在微信小程序环境下,用户上传个人头像,生成个人的微信小程序菊花维码,可以无限申请并生成二维码,然后二维码中间的圆形为用户自己上传的头像,最后可以通过生成的二维码扫码进入个人简介页面。 因为图片捣腾了一些时间,记录一下,类似问题给的时间都

    2024年02月13日
    浏览(130)
  • 微信小程序显示图片文件流

     单独访问图片链接是文件流的形式    因此我们需要请求这个url,将文件流转成base64文件 wxml里面赋值就好了: 图片就显示出来了、  

    2024年02月15日
    浏览(21)
  • 微信小程序分类图片通过id跳转到详情页,不同分类实现定向跳转

    微信小程序分类图片通过id跳转到详情页,不同分类实现定向跳转 1.实现循环展示排列 inde.wxml index.wxss index.js 页面展示 2.跳转到大分类页面 class.wxml class.js 结果:

    2024年02月11日
    浏览(35)
  • 微信小程序上传文件及图片(可以预览)

    最近在写小程序项目,碰到了一个需求,需要用户可以上传各种类型的文件和图片,展示在页面上,并且点击还可以进行预览,就找了找微信小程序官网,写了一个例子,分享一下 直接看代码: wxml: wxss: js: 有问题和建议欢迎大家留言

    2024年02月12日
    浏览(30)
  • 微信小程序 background-image直接设置本地图片路径,编辑器正常显示,真机运行不显示解决方法

    微信小程序,设置background-image直接设置本地图片路径。 编辑器正常显示,真机运行不显示 background-image只能用网络url或者base64图片编码。 1、将本地图片转为网络url后设置到background-image上 例如,云开发,后台上传本地图片 2、本地图片转成base64格式后设置到background-image上

    2024年02月15日
    浏览(40)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包