uniapp 存储base64资源为http链接图片

这篇具有很好参考价值的文章主要介绍了uniapp 存储base64资源为http链接图片。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1. 新建一个base64.js 文件

const fsm = wx.getFileSystemManager();
// base64data = base64资源
// name = 文件名
function base64src(base64data, name, cb) {
	const time = new Date().getTime();
  const filePath = `${wx.env.USER_DATA_PATH}/${name}.${time}.png`;
  const buffer = uni.base64ToArrayBuffer(base64data)
		fsm.writeFile({
    filePath,
    data: buffer,
    encoding: 'binary',
    success() {
      cb(filePath);
    },
    fail() {
      return (new Error('ERROR_BASE64SRC_WRITE'));
    },
  });
};
module.exports = base64src;

2. 引入使用文章来源地址https://www.toymoban.com/news/detail-688893.html

import base64src from "@/utils/base64.js"; // 
// 模拟一个请求然后获取到base64 后赋值给函数
let parmas = { type: 'test'	}
testRequst(parmas).then(res => {
	base64src(res, res.schoolId, (res) => {
		let img = res  // http格式图片
	});
})

到了这里,关于uniapp 存储base64资源为http链接图片的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • uni-app小程序-将后台返回的base64码转为图片时,图片没有显示出来

    uni-app小程序-将后台返回的base64码转为图片时,图片没有显示出来

    在用uni-app开发小程序时,遇到一个问题:后台返回一长串码,前端这边需要将base64码进行转化为图片 2.1.获取后台返回的base64码 2.2.在页面需要的地方进行赋值: tips:在data中 定义imgurl 变量 ,记得把 .replace(/[rn]/g,\\\'\\\') 这句代码添加上,因为后台返回的会有换行空格之类的,

    2024年02月09日
    浏览(45)
  • uni-app 支持 app端, h5端,微信小程序端 图片转换文件格式 和 base64

    uni-app 支持 app端 h5端,微信小程序端 图片转换文件格式 和 base64,下方是插件市场的地址 app端 h5端,微信小程序端 图片转换文件格式 和 base64 - DCloud 插件市场 https://ext.dcloud.net.cn/plugin?id=13926

    2024年02月13日
    浏览(44)
  • uni-app 微信小程序 支付宝小程序(alipay) 百度小程序(baidu),预览pdf(链接和base64) 及下载(仅微信),window.open uni.downloadFile

    uni-app 微信小程序 支付宝小程序(alipay) 百度小程序(baidu),预览pdf(链接和base64) 及下载(仅微信),window.open uni.downloadFile

    废话不多说直接上代码吧 之前搜了一大堆有的没的,最终还是小伙伴巴拉文档一起找到的方案(离不开小伙伴的帮助,自己总容易陷入死局,在此鸣谢 疾风李青!); 想起个事:一定要给这些路径的域名配到相应的开发管理上,其他平台不过多赘述了 首先是预览,由于我这

    2024年02月15日
    浏览(48)
  • 【base64】JavaScript&uniapp 将图片转为base64并展示

    【base64】JavaScript&uniapp 将图片转为base64并展示

    Base64是一种用于编码二进制数据的方法,它将二进制数据转换为文本字符串。它的主要目的是在网络传输或存储过程中,通过将二进制数据转换为可打印字符的形式进行传输  图片大小从1.36MB到169kb 上面的代码中,toDataURL产生的是图片的base64编码,Base64编码必须是完整且正确

    2024年02月11日
    浏览(17)
  • 【uni-app】后端返回base64转二维码并显示在canvas生成海报

    【uni-app】后端返回base64转二维码并显示在canvas生成海报

    使用官方的 uni.getFileSystemManager().writeFile() 方法可将base64码转成的二维码显示在画布上,代码如下: const obj = {                     page: \\\'pages/sort/goodsDetail\\\',                     co_Nu: this.goodInfo.co_Nu                 }                 const _this = this       

    2024年02月11日
    浏览(43)
  • java使用hutool把服务器图片链接转为base64编码

    需求是把服务器的图片链接或者网上的图片链接地址转为base64位编码方便前端操作 base64编码转为图片在线网址 https://imgtobase64.d777.com/ 1.1 引入依赖 1.2 代码

    2024年02月12日
    浏览(12)
  • JAVA实现网络/本地图片转BASE64存储

    网络图片转BASE64 如果是本地图片的话,其实和网络图片相差不多的,主要就是读取图片流的形式变一下 若有问题,可以留言探讨。

    2024年02月13日
    浏览(9)
  • uniapp-微信小程序-图片转base64

    当前在做得小程序设计拍照识别,而服务器方需要前端提供图片的base64编码作为参数进行解析识别,一开始想着走原生JS的base64方法——借助canvas,当然我也试了,就在自己觉得没问题的时候,调试时终端报错了:ReferenceError: Image is not defined. 我着实懵了,也就是说Image对象实

    2024年02月13日
    浏览(13)
  • uniapp 微信小程序base64流转图片

    因为这次后端返回的图片并不是一个http地址,百度找了很久,在此记录 1,新建一个js文件 2.在vue文件中引入 import { base64ToPath} from \\\'./base64src.js\\\' let result = 后端返回的base64流.replace(/[rn]/g, \\\"\\\"); let pdfBase64 = `data:application/pdf;base64,${result}`;

    2024年02月16日
    浏览(47)
  • uniapp微信小程序下载base64图片流或https图片

     常规https的图片下载是这样的 下面来说一下后端返回base64的文件流,是如何下载的 必须把返回的流去掉这一部分:data:image/png;base64,否则下载不了 如我自己的流:

    2024年02月04日
    浏览(11)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包