微信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

相关文章

Python基于微信OCR引擎实现高效图片文字识别

《Python基于微信OCR引擎实现高效图片文字识别》这篇文章主要为大家详细介绍了一款基于微信OCR引擎的图片文字识别桌面应用开发全过程,可以实现从图片拖拽识别到文字提取,感兴趣的小伙伴可以跟随小编一... 目录一、项目概述1.1 开发背景1.2 技术选型1.3 核心优势二、功能详解2.1 核心功能模块2.

使用Python实现base64字符串与图片互转的详细步骤

《使用Python实现base64字符串与图片互转的详细步骤》要将一个Base64编码的字符串转换为图片文件并保存下来,可以使用Python的base64模块来实现,这一过程包括解码Base64字符串... 目录1. 图片编码为 Base64 字符串2. Base64 字符串解码为图片文件3. 示例使用注意

如何基于Python开发一个微信自动化工具

《如何基于Python开发一个微信自动化工具》在当今数字化办公场景中,自动化工具已成为提升工作效率的利器,本文将深入剖析一个基于Python的微信自动化工具开发全过程,有需要的小伙伴可以了解下... 目录概述功能全景1. 核心功能模块2. 特色功能效果展示1. 主界面概览2. 定时任务配置3. 操作日志演示

GitLab文件的上传与下载方式

《GitLab文件的上传与下载方式》:本文主要介绍GitLab文件的上传与下载方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录GitLab 项目拉取到本地GitLab 项目上传方法方法 1:本地项目未初始化Git方法 2:本地项目已初始化GitGitLab 上

Redis迷你版微信抢红包实战

《Redis迷你版微信抢红包实战》本文主要介绍了Redis迷你版微信抢红包实战... 目录1 思路分析1.1hCckRX 流程1.2 注意点①拆红包:二倍均值算法②发红包:list③抢红包&记录:hset2 代码实现2.1 拆红包splitRedPacket2.2 发红包sendRedPacket2.3 抢

Nginx 413修改上传文件大小限制的方法详解

《Nginx413修改上传文件大小限制的方法详解》在使用Nginx作为Web服务器时,有时会遇到客户端尝试上传大文件时返回​​413RequestEntityTooLarge​​... 目录1. 理解 ​​413 Request Entity Too Large​​ 错误2. 修改 Nginx 配置2.1

SpringBoot后端实现小程序微信登录功能实现

《SpringBoot后端实现小程序微信登录功能实现》微信小程序登录是开发者通过微信提供的身份验证机制,获取用户唯一标识(openid)和会话密钥(session_key)的过程,这篇文章给大家介绍S... 目录SpringBoot实现微信小程序登录简介SpringBoot后端实现微信登录SpringBoo

Java应用如何防止恶意文件上传

《Java应用如何防止恶意文件上传》恶意文件上传可能导致服务器被入侵,数据泄露甚至服务瘫痪,因此我们必须采取全面且有效的防范措施来保护Java应用的安全,下面我们就来看看具体的实现方法吧... 目录恶意文件上传的潜在风险常见的恶意文件上传手段防范恶意文件上传的关键策略严格验证文件类型检查文件内容控制文件存储

Java实现MinIO文件上传的加解密操作

《Java实现MinIO文件上传的加解密操作》在云存储场景中,数据安全是核心需求之一,MinIO作为高性能对象存储服务,支持通过客户端加密(CSE)在数据上传前完成加密,下面我们来看看如何通过Java... 目录一、背景与需求二、技术选型与原理1. 加密方案对比2. 核心算法选择三、完整代码实现1. 加密上

在React聊天应用中实现图片上传功能

《在React聊天应用中实现图片上传功能》在现代聊天应用中,除了文字和表情,图片分享也是一个重要的功能,本文将详细介绍如何在基于React的聊天应用中实现图片上传和预览功能,感兴趣的小伙伴跟着小编一起... 目录技术栈实现步骤1. 消息组件改造2. 图片预览组件3. 聊天输入组件改造功能特点使用说明注意事项