代码编织梦想

一、读取文件方式

 const fs = wx.getFileSystemManager()
      fs.readFile({
        filePath: `/images/test/0.jpg`,
        encoding: 'utf8',
        position: 0,
        encoding:"hex", //关键点,确定读取的编码格式
        success(res) {
          console.log("读文件成功")
          console.log(res.data.toUpperCase())
        },
        fail(res) {
          console.error(res)
        }
      })

在这里插入图片描述

二、通过wx.request 方式

  wx.request({
      url: "https://img-blog.csdnimg.cn/6ea6aaeb93944630958d21d106862ce7.jpeg", //获取图片的URL
      method: "get",
      responseType: 'arraybuffer', //ArrayBuffer涉及面比较广,我的理解是ArrayBuffer代表内存之中的一段二进制数据,一旦生成不能再改。可以通过视图(TypedArray和DataView)进行操作。
      success: (res) => {
        console.log("成功",res);
        console.log(that.arrayBufferToHexString(res.data))
      },
      fail(res) {
        console.log("失败",res);

      }
    })
 arrayBufferToHexString(buffer){
      const hexArr = Array.prototype.map.call(
        new Uint8Array(buffer),
        function(bit) {
          return ('00' + bit.toString(16)).slice(-2)
        }
      )
      return hexArr.join('').toUpperCase();
    },

三、通过canvas生成jpg图片

 getImageData(){
      let that = this;
      wx.createSelectorQuery().select('#canvasImg').fields({
        node: true,
        size: true
      }).exec((res) => {
        const canvas = res[0].node;
        const ctx = canvas.getContext('2d');
        // var dpr = wx.getSystemInfoSync().pixelRatio // 设备像素比
        var dpr = 1;
        canvas.width = res[0].width * dpr
        canvas.height = res[0].height * dpr
        // ctx.scale(dpr, dpr)
        let sideWLen = 135;
        let sideHLen = 240;
        ctx.fillRect(0, 0, sideWLen, sideHLen);
        const img = canvas.createImage();
        img.src = "/images/test/0.jpg";
        img.onload = () => {
          ctx.drawImage(img, 0, 0, sideWLen, sideHLen);
          setTimeout(()=>{
            wx.canvasToTempFilePath({
              x: 0,
              y: 0,
              width: 135,
              height: 240,
              canvasId: 'canvasImg',
              canvas:canvas,
              fileType:"jpg",  //关键点,生成canvas临时数据
              success(res) {
                console.log("临时路径")
                console.log(res.tempFilePath)

                   wx.request({
                url: res.tempFilePath, //获取图片的URL
                method: "get",
                responseType: 'arraybuffer', //ArrayBuffer涉及面比较广,我的理解是ArrayBuffer代表内存之中的一段二进制数据,一旦生成不能再改。可以通过视图(TypedArray和DataView)进行操作。
                success: (res) => {
                  // console.log("成功",res);
                   console.log(that.arrayBufferToHexString(res.data))
               
                },
                fail(res) {
                  console.log("失败",res);

                }
              })

              },
              fail(res){
                console.log("转化失败",res);
              }
            })
          },3000)
        }
      })
    },
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_40466351/article/details/129671493

java开发(后端):微信小程序api调用详细分析及步骤_龙猫龙马龙骑士的博客-爱代码爱编程_java调用微信小程序api

  关键词:微信登录、统一下单(支付)、统一下单通知(回调)、统一下单查询、企业付款至零钱、支付查询、获取ACCESS_Token、获取小程序二维码   因为做项目涉及到微信这些接口的调用,尽管看了很多博客,比对了官方文档,仍还是踩了很多很多的坑,这里做一个记录及分享,提醒自己,帮助他人。文章如果有讲的不对得地方,欢迎指正。   首先根据官方文档

简单的微信小程序 从入门到入土-爱代码爱编程

文章目录 前言思路开发工具基本流程数据库服务端客户端 上传图片尾声 前言 前阵子接了个小项目,要做个微信小程序。逻辑方面十分简单,教科书般的工单系统。不过由于我对于后端前端完全没有学习基础,语言至今

小程序微信卡券开发流程-爱代码爱编程

微信公众号和微信小程序结合 1.需要申请一个微信公众号并且资质审核通过,申请一个小程序也是要资质审核通过 2.申请一个微信开放平台,将上诉两个准备好的微信公众号和微信小程序绑定在这个微信开放平台上 绑定的公众号和其测试号 绑定的小程序 3.微信开发文档下载卡券开发资料并解压,将需要的信息复制到我们的项目中。 将以下几个类复制到项目中的合

微信小程序图片内容审核功能云函数+小程序端代码完整实现【填坑】-爱代码爱编程

文章目录 背景实现技术栈小程序端基本思路主要代码云函数思考主要参考 背景 开发微信小程序的同学如果涉及了社交类目,应该都会碰到由于缺少内容审核机制导致不过审的情况。微信小程序官方实际上提供了图片、文本、视频的审核接口,可以通过https和云函数两种方式调用,对于一些小项目的前端开发者而言,云函数是非常方便的一种选择。一般来说,文本检测的接口没

微信小程序入门与实战笔记-爱代码爱编程

微信小程序 目录 微信小程序1微信小程序介绍1.1什么是微信小程序1.2小程序特点1.3对开发者的影响1.4分辨率与rpx1.4.1英寸1.4.1分辨率(pt):1.4.2分辨率(px):1.4.3rpx的作用1.4.4适配机型2下载安装2.1申请Appid2.2下载并安装2.3新建小程序2.4页面详细介绍3基础知识3.1文件类型与目录结构3.2

pc微信bat转图片程序 自动版-爱代码爱编程

 最近正好用到该功能,根据网上各个大佬提供的代码和原理改写的。 因为每个微信的bat需要做异或计算的值都不一样,但各种图片的头部信息值是固定的,可以根据此计算出不同需要异或的值,使每个微信的bat都可自动计算成图片,以下代码: 成品:https://download.csdn.net/download/du26548/12740442 # -*- c

微信缓存dat怎么转图片_微信 .dat图片格式转换为.jpg-爱代码爱编程

异或,英文为exclusive OR,缩写成xor 异或(xor)是一个数学运算符。它应用于逻辑运算。异或的数学符号为“⊕”,计算机符号为“xor”。异或也叫半加运算,其运算法则相当于不带进位的二进制加法:二进制下用1表示真,0表示假,则异或的运算法则为:0⊕0=0,1⊕0=1,0⊕1=1,1⊕1=0(同为0,异为1),这些法则与加法是相同的,只是不

python微信数据解密-dat文件转图片(支持JPG,PNG,GIF)-爱代码爱编程

python微信数据解密-dat文件转图片(JPG,PNG,GIF,附可执行文件exe) dat文件路径 (确保有路径,或自己修改)into_path = r'C:\image' # 微信image.dat文件路径 输出图片路径out_path = r"C:\image\jpg\\" 直接上代码# weixin_Image.dat 破解 #

从0到一开发微信小程序(6)—小程序常用api_zhz小白的博客-爱代码爱编程

文章目录 其他相关文章1、小程序API1.1、路由1.1.1、navigateTo(保留当前页面,跳转到应用内的某个页面,可以带参数)1.1.2、redirectTo(关闭当前页面,跳转到应用内的某个页面,可以带参数

超详细淘宝小程序的接入开发步骤-爱代码爱编程

本文是向大家介绍的关于工作中遇到的如何对接淘宝小程序开发的步骤,它能够帮助大家省略在和淘宝侧对接沟通过程中的一些繁琐问题,便捷大家直接快速开展工作~~ 一、步骤演示 1、首先我们打开淘宝开放平台,进入控制台 2、进入控制台后,我们可以看到应

【微信小程序】自定义tabbar-爱代码爱编程

1、app.json中配置 tabbar "tabBar": { "custom": true, "list":[ { "pagePath": "pages/aboutFind/

[微信小程序 开发] 云数据库的使用-爱代码爱编程

微信小程序云数据库,可以帮助我们快速构建小程序,让我们更轻松地实现数据库的功能,同时又不必花费大量时间去编写复杂的数据库代码。这篇文章将介绍如何使用微信小程序云数据库来实现一些常见的数据库功能。   创建云数据库  首先,我们需要创建一个云数据库,在小程序的开发工具中,点击“腾讯云”按钮,在腾讯云控制台中创建一个数据库,如下图所示:  创

微信小程序开发-爱代码爱编程

uniapp介绍 什么是uniapp uniapp是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应

微信小程序制作_shyufnr-爱代码爱编程

微信公众平台  微信公众平台是由腾讯提供的,基于腾讯的微信服务器,为广大的企业、组织或个人提供用户管理或咨询服务的平台。微信公众号平台提供的账号类型有:                         1、服务号:给企业和组织提供更强大的业务服务与用户管理能力,帮助企业快速实现全新的公众号服务平台。                        

微信小程序——模板与配置,数据绑定,事件绑定-爱代码爱编程

一.数据绑定 1.数据绑定的基本原则 在data中定义数据 在WXML中使用数据 2.在data中定义页面的数据 在页面对应的.js文件中,把数据定义到data对象中即可 3. Mustache 语法的格式 把 data 中的数据绑定到页面中渲染,使用 Musta

微信小程序 之 原生开发_微信小程序原生开发-爱代码爱编程

一、前期预备 1. 预备知识 小程序的核心技术主要是三个: 页面布局:WXML,类似HTML页面样式:WXSS,几乎就是CSS(某些不支持,某些进行了增强,但是基本是一致的)页面脚本:JavaScript+WXS(WeixinScript) ​2. 注册账号 - 申请AppID 网址 : 微信小程序 3.

vue uniapp 微信小程序 搜索下拉框 模糊搜索_微信小程序 实现 搜索框搜索 模糊匹配-爱代码爱编程

vue uniapp 微信小程序 搜索下拉框 模糊搜索 话不多说 直接贴代码 template <template> <view class="index"> &l

微信小程序_:color="{value == 0 ?'#3686ff':'#cdcdcd'}-爱代码爱编程

一、小程序框架 微信小程序简介 小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验 解释:小程序依赖于微信作为载体,呈现类似App的展示应用效果 小程序与普通网页开发的区别 小程序的主要开发语言是 JavaScript ,小程序的开发同普通的网页开发相比有很大的相似性。对于前端开发者而言,