微信jssdk拍照转base64上传七牛

2024-02-21 18:08

本文主要是介绍微信jssdk拍照转base64上传七牛,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

API版本:

        调用API需要1.2以上,是指的至少1.3及往上版本.

<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.0.js"></script>wx.config({debug: false,****验证信息****jsApiList: ['checkJsApi','openLocation','chooseImage','getLocalImgData']});wx.ready(function(){});  wx.checkJsApi({jsApiList: ['checkJsApi','openLocation','chooseImage','getLocalImgData'], // 需要检测的JS接口列表,所有JS接口列表见附录2,success: function(res) {}});

微信拍照及数据转base64方法

function getImage(callback,Classify,btn){wx.chooseImage({count: 1, sizeType: ['compressed'], sourceType: [ 'camera'], success: function (res) {var localIds_val = res.localIds[0]; var imgCode="<img id=\"updateImage\" src=\""+localIds_val+"\">";$(btn).parent().parent().children().eq(1).append(imgCode);wx.getLocalImgData({localId: localIds_val.toString(),//图片的本地IDsuccess: function (res) {var localData = res.localData;//base64QNputb64(localData,callback,Classify,btn);}});}});}

 

苹果base64数据

data:image/jgp;base64,/9j/4AAQS**************************ALS0lLQAUtFFAC0tJS0AFLSUtAC0UUUDFoopaACloooAWlpKWgB1FJS0gHUUgpaAHUUlLQA6lptLSAcKWkpaAFpaSloGLS0lLQIdS02loGOpRSUtAC0tJS0hi0tJS0ALS0lLQAtLSUtIBaWkpaAFpaSigB1LSUtAxaWkpaQhaWkpaBi0tJRQAtLSUtAC0tJS0ALS0lFIBaKKKAFooooAWiiigYtFFFIAooooAWiiigApaSloGFFFFIBaKKKACiiigApaSloAKKKKACiiigApaSigBaKKKACiiigD/2Q==

 

安卓base64数据:

9j/4AAQS**************************ALS0lLQAUtFFAC0tJS0AFLSUtAC0UUUDFoopaACloooAWlpKWgB1FJS0gHUUgpaAHUUlLQA6lptLSAcKWkpaAFpaSloGLS0lLQIdS02loGOpRSUtAC0tJS0hi0tJS0ALS0lLQAtLSUtIBaWkpaAFpaSigB1LSUtAxaWkpaQhaWkpaBi0tJRQAtLSUtAC0tJS0ALS0lFIBaKKKAFooooAWiiigYtFFFIAooooAWiiigApaSloGFFFFIBaKKKACiiigApaSloAKKKKACiiigApaSigBaKKKACiiigD/2Q==

 

上传七牛操作

function QNputb64(pic,callback,Classify,btn){var base64 = pic.replace('data:image/png;base64,', '').replace('data:image/jgp;base64,', '');$.ajax({url: "@(Url.Action("GetTourOAUpTokenQN", "SysManage"))",type: "post",dataType: "json",success: function (result) {if (result.IsSuccess) {var url = "http://upload.qiniup.com/putb64/-1"; //非华东空间需要根据注意事项 1 修改上传域名var xhr = new XMLHttpRequest();xhr.onreadystatechange=function(){if (xhr.readyState==4){QNReturn = xhr.responseText;wlog(QNReturn);callback(Classify,btn);}}xhr.open("POST", url, true);xhr.setRequestHeader("Content-Type", "application/octet-stream");xhr.setRequestHeader("Authorization","UpToken "+ result.Data);xhr.send(base64);} else {callback(Classify,btn);}}}); }

 

这篇关于微信jssdk拍照转base64上传七牛的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/732628

相关文章

Vue ElementUI中Upload组件批量上传的实现代码

《VueElementUI中Upload组件批量上传的实现代码》ElementUI中Upload组件批量上传通过获取upload组件的DOM、文件、上传地址和数据,封装uploadFiles方法,使... ElementUI中Upload组件如何批量上传首先就是upload组件 <el-upl

Java文件与Base64之间的转化方式

《Java文件与Base64之间的转化方式》这篇文章介绍了如何使用Java将文件(如图片、视频)转换为Base64编码,以及如何将Base64编码转换回文件,通过提供具体的工具类实现,作者希望帮助读者... 目录Java文件与Base64之间的转化1、文件转Base64工具类2、Base64转文件工具类3、

使用Python实现图片和base64转换工具

《使用Python实现图片和base64转换工具》这篇文章主要为大家详细介绍了如何使用Python中的base64模块编写一个工具,可以实现图片和Base64编码之间的转换,感兴趣的小伙伴可以了解下... 简介使用python的base64模块来实现图片和Base64编码之间的转换。可以将图片转换为Bas

Java文件上传的多种实现方式

《Java文件上传的多种实现方式》文章主要介绍了文件上传接收接口的使用方法,包括获取文件信息、创建文件夹、保存文件到本地的两种方法,以及如何使用Postman进行接口调用... 目录Java文件上传的多方式1.文件上传接收文件接口2.接口主要内容部分3.postman接口调用总结Java文件上传的多方式1

使用Python实现大文件切片上传及断点续传的方法

《使用Python实现大文件切片上传及断点续传的方法》本文介绍了使用Python实现大文件切片上传及断点续传的方法,包括功能模块划分(获取上传文件接口状态、临时文件夹状态信息、切片上传、切片合并)、整... 目录概要整体架构流程技术细节获取上传文件状态接口获取临时文件夹状态信息接口切片上传功能文件合并功能小

W外链微信推广短连接怎么做?

制作微信推广链接的难点分析 一、内容创作难度 制作微信推广链接时,首先需要创作有吸引力的内容。这不仅要求内容本身有趣、有价值,还要能够激起人们的分享欲望。对于许多企业和个人来说,尤其是那些缺乏创意和写作能力的人来说,这是制作微信推广链接的一大难点。 二、精准定位难度 微信用户群体庞大,不同用户的需求和兴趣各异。因此,制作推广链接时需要精准定位目标受众,以便更有效地吸引他们点击并分享链接

BUUCTF(34)特殊的 BASE64

使用pycharm时,如果想把代码撤销到之前的状态可以用 Ctrl+z 如果不小心撤销多了,可以用 Ctrl+Shift+Z 还原, 别傻傻的重新敲了 BUUCTF在线评测 (buuoj.cn) 查看字符串,想到base64的变表 这里用的c++的标准程序库中的string,头文件是#include<string> 这是base64的加密函数 std::string

Android 10.0 mtk平板camera2横屏预览旋转90度横屏拍照图片旋转90度功能实现

1.前言 在10.0的系统rom定制化开发中,在进行一些平板等默认横屏的设备开发的过程中,需要在进入camera2的 时候,默认预览图像也是需要横屏显示的,在上一篇已经实现了横屏预览功能,然后发现横屏预览后,拍照保存的图片 依然是竖屏的,所以说同样需要将图片也保存为横屏图标了,所以就需要看下mtk的camera2的相关横屏保存图片功能, 如何实现实现横屏保存图片功能 如图所示: 2.mtk

Spring MVC 图片上传

引入需要的包 <dependency><groupId>commons-logging</groupId><artifactId>commons-logging</artifactId><version>1.1</version></dependency><dependency><groupId>commons-io</groupId><artifactId>commons-

uniapp设置微信小程序的交互反馈

链接:uni.showToast(OBJECT) | uni-app官网 (dcloud.net.cn) 设置操作成功的弹窗: title是我们弹窗提示的文字 showToast是我们在加载的时候进入就会弹出的提示。 2.设置失败的提示窗口和标签 icon:'error'是设置我们失败的logo 设置的文字上限是7个文字,如果需要设置的提示文字过长就需要设置icon并给