微信图像接口

最新推荐文章于 2023-02-03 11:08:02 发布
最新推荐文章于 2023-02-03 11:08:02 发布
阅读量2.8k 收藏
点赞数
分类专栏： php 文章标签： 微信图像上传 php weiphp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/linliang815/article/details/46386239
版权

前几天weiphp下做了一下微信图像接口的测试，实现了通过jssdk图像的拍照，选择上传等等，现在分享一下。

首先导入了一下微信给出的jssdk.php的类文件，写成Jssdk.class.php(注：我是在weiphp开发的)，同时新建一个Api文件夹与控制器同一级，把Jssdk放在该文件夹下面然后在自己插件的控制器下面导入该类文件。

<span style="color:#ff0000;">  use Addons\Suggestions\Api\Jssdk;</span>
    实现文件的导入，
     因此我们可以在控制器下实例化这个类文件。 

<span style="color:#ff0000;">  $jssdk = new Jssdk("你的appId", "你的appSecret");
    
  $signPackage = $jssdk->GetSignPackage();</span>
<span style="color:#ff0000;">  var_dump($signPackage);exit(); //你可以把获取的数据dump出来，然后注释掉。
</span>
  返回的<span style="font-family: Arial, Helvetica, sans-serif;">$signPackage包含了你接口注入权限，我们把返回的数据分配到前台</span>
<span style="font-family:Arial, Helvetica, sans-serif;"><span style="color:#ff0000;">    $this->assign('app',$signPackage);</span></span>
<span style="font-family:Arial, Helvetica, sans-serif;"><span style="white-space: pre;">	</span>因此我们在前台可以接收到我们需要的数据，把数据放在js里的里再次之前导入js库</span>
<span style="font-family:Arial, Helvetica, sans-serif;"></span><pre name="code" class="html">

<div >
                <input type="button" id="chooseImage"  value="选择图片">
                  </div>
                   <div >
                <input  id="previewImage"  type="button" value="预览">
                  </div>
                   <div>
                <input id="uploadImage" value="上传"  type="button">
                  </div>
                  <div>
                <input id="downloadImage" value="下载"  type="button">
                  </div> 

 

<span style="font-family:Arial, Helvetica, sans-serif;"><span style="color: rgb(51, 51, 51); font-family: 'Microsoft Yahei', 宋体, Tahoma, Arial; font-size: 14px; line-height: 21px;">     在需要调用JS接口的页面引入如下JS文件，（支持https）：</span><a target=_blank href="http://res.wx.qq.com/open/js/jweixin-1.0.0.js" class="external free" rel="nofollow" target="_blank" style="color: rgb(54, 103, 153); text-decoration: none; font-family: 'Microsoft Yahei', 宋体, Tahoma, Arial; font-size: 14px; line-height: 21px;">http://res.wx.qq.com/open/js/jweixin-1.0.0.js</a>
</span>
 

<span style="font-family:Arial, Helvetica, sans-serif;"><span style="color:#ff0000;">            var appId="{$app['appId']}";
            var timestamp="{$app['timestamp']}";
            var nonceStr="{$app['nonceStr']}";
            var signature= "{$app['signature']}"; 
            //alert(appId);
            // alert(timestamp);
            //alert(nonceStr);
            //  alert(signature);</span></span>
 

<span style="font-family:Arial, Helvetica, sans-serif;"><span style="color:#ff0000;">           然后配置congig</span></span>
 

<span style="font-family:Arial, Helvetica, sans-serif;"><span style="color:#ff0000;"><span style="white-space:pre">			</span></span></span><pre name="code" class="javascript">        wx.config({
   	<span style="white-space:pre">	</span>debug: false,//开始的时候填true
   	<span style="white-space:pre">	</span>appId: appId,
    		timestamp:timestamp,
   		nonceStr: nonceStr,
  		signature: signature,
  		jsApiList: [
        <span style="white-space:pre">		</span>'checkJsApi',
      <span style="white-space:pre">			</span>  'onMenuShareTimeline',
       <span style="white-space:pre">			</span> 'onMenuShareAppMessage',
       <span style="white-space:pre">			</span> 'onMenuShareQQ',
       <span style="white-space:pre">			</span> 'onMenuShareWeibo',
       <span style="white-space:pre">			</span> 'hideMenuItems',
       <span style="white-space:pre">			</span> 'showMenuItems',
       <span style="white-space:pre">			</span> 'hideAllNonBaseMenuItem',
       <span style="white-space:pre">			</span> 'showAllNonBaseMenuItem',
       <span style="white-space:pre">			</span> 'translateVoice',
      <span style="white-space:pre">			</span>  'startRecord',
       <span style="white-space:pre">			</span> 'stopRecord',
       <span style="white-space:pre">			</span> 'onRecordEnd',
       <span style="white-space:pre">			</span> 'playVoice',
       <span style="white-space:pre">			</span> 'pauseVoice',
      <span style="white-space:pre">			</span>  'stopVoice',
       <span style="white-space:pre">			</span> 'uploadVoice',
     <span style="white-space:pre">			</span>   'downloadVoice',
       <span style="white-space:pre">			</span> 'chooseImage',
      <span style="white-space:pre">			</span>  'previewImage',
      <span style="white-space:pre">			</span>  'uploadImage',
      <span style="white-space:pre">			</span>  'downloadImage',
       <span style="white-space:pre">			</span> 'getNetworkType',
      <span style="white-space:pre">			</span>  'openLocation',
      <span style="white-space:pre">			</span>  'getLocation',
      <span style="white-space:pre">			</span>  'hideOptionMenu',
      <span style="white-space:pre">			</span>  'showOptionMenu',
      <span style="white-space:pre">			</span>  'closeWindow',
      <span style="white-space:pre">			</span>  'scanQRCode',
       <span style="white-space:pre">			</span> 'chooseWXPay',
       <span style="white-space:pre">			</span> 'openProductSpecificView',
       <span style="white-space:pre">			</span> 'addCard',
       <span style="white-space:pre">			</span> 'chooseCard',
     <span style="white-space:pre">			</span>   'openCard'
    <span style="white-space:pre">			</span> ]
 		 });
 

<span style="white-space:pre">	</span><pre name="code" class="javascript"> <span style="white-space:pre">		</span>wx.ready(function () {
                  
 				   // 在这里调用 API
                  
                  
               <span style="white-space:pre">		</span>  var images = {
     <span style="white-space:pre">				</span>   localId: [],
      <span style="white-space:pre">				</span>   serverId: []
   <span style="white-space:pre">					</span> };
    <span style="white-space:pre">			</span>document.querySelector('#chooseImage').onclick = function () {
     <span style="white-space:pre">		</span>    wx.chooseImage({
	        <span style="white-space:pre">		</span> success: function (res) {
	       <span style="white-space:pre">		</span>         images.localId = res.localIds;
	              <span style="white-space:pre">		</span>  var image = document.createElement("img");
	              <span style="white-space:pre">		</span>  image.src = res.localIds;
	              <span style="white-space:pre">		</span>  document.querySelector("#imageList").appendChild(image);
	        <span style="white-space:pre">					</span> }
        <span style="white-space:pre">			</span> });
         
   <span style="white-space:pre">					</span> }
<span style="white-space:pre">		</span>
   <span style="white-space:pre">			</span> document.querySelector("#previewImage").onclick = function(){
      <span style="white-space:pre">				</span>wx.previewImage({
       <span style="white-space:pre">			</span> <span style="white-space:pre">	</span>current: "localIds",
       <span style="white-space:pre">				</span> urls :  [
                  <span style="white-space:pre">		</span>"http://img3.douban.com/view/photo/photo/public/p2152117150.jpg",
                  <span style="white-space:pre">		</span>"http://img3.douban.com/view/photo/photo/public/p2152117150.jpg"
      <span style="white-space:pre">					</span>  ]
    <span style="white-space:pre">						</span>  })
   <span style="white-space:pre">											</span> }

 <span style="white-space:pre">			</span> document.querySelector("#uploadImage").onclick = function(){
  	<span style="white-space:pre">			</span>if(images.localId.length <= 0){
  		<span style="white-space:pre">		</span>alert("请选择照片");
  		<span style="white-space:pre">		</span>return false;
  	<span style="white-space:pre">				</span>}
  	<span style="white-space:pre">			</span>var i = 0, len = images.localId.length;
  	<span style="white-space:pre">			</span>function upload(){
  		<span style="white-space:pre">			</span>wx.uploadImage({
	  	<span style="white-space:pre">		</span>	localId: images.localId[i],
	  	<span style="white-space:pre">		</span>	isShowProgressTips:1,
	  	<span style="white-space:pre">		</span>	success : function(res){
		  <span style="white-space:pre">	</span>			i++;
		  			images.serverId.push(res.serverId);
                 <span style="white-space:pre">			</span>  var serverId = res.serverId; 
                <span style="white-space:pre">			</span> alert(serverId);
		  			if(i<len){
		  				upload();
                       
		  			<span style="white-space:pre">	</span>}
	  	<span style="white-space:pre">		</span>	},
	  		<span style="white-space:pre">		</span>fail: function(res){
	  			<span style="white-space:pre">		</span>alert(JSON.stringify(res));
	  		<span style="white-space:pre">		</span>}
  		<span style="white-space:pre">				</span>})	
  	<span style="white-space:pre">					</span>}
  	<span style="white-space:pre">				</span>upload();
<span style="white-space:pre">						</span>  };  
     <span style="white-space:pre">			</span>  document.querySelector("#downloadImage").onclick = function(){
  	<span style="white-space:pre">			</span>if(images.serverId.length<=0){
  	<span style="white-space:pre">		</span>	alert("服务器端暂无照片");
  	<span style="white-space:pre">		</span>	return false;	
  	<span style="white-space:pre">			</span>}
  	<span style="white-space:pre">		</span>var i = 0,len = images.serverId.length;
  	<span style="white-space:pre">		</span>alert(len);
  	<span style="white-space:pre">		</span>function down(){
  	<span style="white-space:pre">		</span>	wx.downloadImage({
  		<span style="white-space:pre">	</span>	serverId: images.serverId[i],
  		<span style="white-space:pre">	</span>	isShowProgressTips: 1,
  			<span style="white-space:pre">	</span>success: function(res){
  				<span style="white-space:pre">	</span>i++;
  				<span style="white-space:pre">	</span>alert(res.localId);
  				<span style="white-space:pre">	</span>if(i<len){
  					<span style="white-space:pre">	</span>down();
  				<span style="white-space:pre">	</span>}<span style="white-space:pre">	</span>
  			<span style="white-space:pre">	</span>}
  		<span style="white-space:pre">		</span>})
  	<span style="white-space:pre">			</span>}
  	<span style="white-space:pre">			</span>down();
 <span style="white-space:pre">			</span> }       
                 
                  
 			<span style="white-space:pre">	</span> });
 基本上完成了。 

 

 

 
 

 
 
 

 

 

 

 


 
 

     

                

        

        

    




    

      

        

            

              
                
                  一抹夕阳815
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
小白学习微信小程序的图像识别和文字识别技术

				
			

			

				

					m0_72166538的博客
				

				

					05-04
					
					432
					
				

			

		

		

			
				
通过以上代码，我们可以获取用户上传的图片，调用微信提供的图像和文字识别接口进行识别，并对识别结果进行处理和展示。图像识别和文字识别是微信小程序中常用的技术，可以用于识别图像中的物体或文字信息，并进行相应的处理和操作。本文将通过代码案例的方式详细介绍微信小程序中的图像识别和文字识别技术，包括如何获取用户上传的图片，如何调用图像识别和文字识别的接口，以及如何处理识别结果等内容。文字识别是指通过计算机对图像中的文字进行分析和识别，从而将文字转化为可编辑和可处理的文本。首先，我们需要获取用户在小程序中上传的图片。

			
		

	



                

              
                



	

		

			

				
					
微信小程序使用云函数实现内容和图片安全审核API接口

				
			

			

				

					异知空间
				

				

					01-21
					
					3530
					
				

			

		

		

			
				
1.在openapi里的config.json内配置
"openapi": [
      "security.imgSecCheck",
      "security.msgSecCheck"
      ]

2.在cloudfunctions下创建云函数msgcheck和imgcheck
3.msgcheck的index.js内容
// 云函数入口文件
const cloud = requ...

			
		

	



                


  
              

                


	

		

			

				
					
微信图片预览接口

				
			

			

				

					qq_38307834的博客
				

				

					05-30
					
					780
					
				

			

		

		

			
				
#微信公众号图片预览功能



jsp 页面引入 


wx.config({
debug: false,
jsApiList: [
// 所有要调用的 API 都要加到这个列表中
‘previewImage’
],
success: function(){
alert(“参数配置成功”);
},
cencel: function(){
}
	  });



v...

			
		

	





	

		

			

				
					
微信网页开发(6)--图像接口

				
			

			

				

					程序员大阳
				

				

					01-25
					
					2347
					
				

			

		

		

			
				
本文目录1. 背景2. 接口说明3. 完整网页开发
1. 背景
在网页上一键点击，就可以分享给朋友，或者分享到朋友圈，无疑是炫酷的功能。本篇就来具体实现下。
2. 接口说明
分享给朋友官方说明：
wx.ready(function () {   //需在用户可能点击分享按钮前就先调用
  wx.updateAppMessageShareData({ 
    title: '', // 分享标题
    desc: '', // 分享描述
    link: '', // 分享链接，该链接域名或路径必须与当

			
		

	



		

			
		



	

		

			

				
					
微信小程序+前端+天行数据垃圾图像识别接口API

				
			

			

				

					努力学习的DS
				

				

					02-03
					
					1421
					
				

			

		

		

			
				
当时有个垃圾图像识别的需求，之前已经用百度的图像识别API（识别出垃圾的名字）+自己的后端数据库信息来识别出垃圾的信息，但是想着有没有一个API接口就能解决的办法。当时一开始是想用阿里云的垃圾分类识别接口的，但是发现传入参数ImageURL有点挑剔，图像URL地址如果是使用上海地域的OSS链接就很方便，直接用测试那边的代码就行，但是当时我是没有阿里的OSS的。

			
		

	





	

		

			

				
					
找到一个可用的微信图片校验接口

				
			

			

				

					g2424173338的博客
				

				

					09-23
					
					193
					
				

			

		

		

			
				
具体内容我就不在文章中写了，容易被定义为广告。

直接上链接：https://guanhe.work/detail/0000000003


			
		

	





	

		

			

				
					
Delphi XE10调用微信接口

				
			

			

				

					02-15
				

			

		

		

			
				
在本文中，我们将深入探讨如何在Delphi XE10环境下调用微信接口，这是一项将 Delphi 应用程序与微信平台集成的关键技术。DelphiTeacher 开源的资源提供了宝贵的指导，使得开发者能够轻松实现这一功能。我们首先会...

			
		

	





	

		

			

				
					
基于微信小程序的小帅一点资讯图像识别设计源码

					
最新发布

				
			

			

				

					04-08
				

			

		

		

			
				
该项目提供了一个全面的图像识别和人工智能服务，包括人脸颜值分析、植物、动物、车型、LOGO、食材、手写文字识别、AI算命、人脸斑痘痣、眼袋黑眼圈检测、智能闲聊等功能，为用户提供了一个高效、易用的微信小程序...

			
		

	





	

		

			

				
					
微信图像智能识别-文档-例子-源码

				
			

			

				

					09-18
				

			

		

		

			
				
6. **集成步骤**：一般来说，集成微信图像识别SDK到Android应用中，需要经过如下步骤：引入SDK依赖、注册应用、获取API密钥、初始化SDK、调用识别接口并处理结果。  7. **安全与隐私**：在使用图像识别技术时，必须...

			
		

	





	

		

			

				
					
人脸识别测颜值、测脸龄、测相似度微信接口

				
			

			

				

					10-22
				

			

		

		

			
				
1. **检测接口 (DETECT_URL)**: 这个接口用于检测图像中的人脸位置和面部属性，如眼镜、姿势、性别、年龄、种族和微笑程度。返回的数据经过JSON格式化，可以解析以获取所需信息。  2. **轮廓检测接口 (LANDMARK_URL)...

			
		

	





	

		

			

				
					
微信企业号接口开发框架实例

				
			

			

				

					01-27
				

			

		

		

			
				
- **消息与事件处理**：微信企业号支持多种消息类型（如文本、语音、图像等）和事件（如关注、取消关注、点击菜单等），开发者需要根据需求编写对应的处理逻辑。 - **异步处理**：对于耗时的操作，如发送大量消息或...

			
		

	





	

		

			

				
					
微信接口库：PHPToQyWeixin  PHP调用企业微信API接口底层类库.zip

				
			

			

				

					07-11
				

			

		

		

			
				
本项目是基于个人喜好及实际开发需求进行编写和设计的，主要功能是完成了对微信企业号API的封装，目前还在不断完善中，通过调用本项目的类库和函数，可以实现调用微信企业号API，降低了开发成本，开发者可以不用再自己动手去编写底层代码，且本项目在token的获取和使用方面进行了一定的优化，有效降低了请求微信服务器的频率。
本项目使用面向对象的思想设计和开发，通过对代码的简单改动，可以快速将代码融入其他MVC框架。
本项目除了对微信企业号API的调用进行了封装外，还提供了几个简单的附加功能，如按照名称模糊查找成员、部门等信息，在后期的完善中，会根据实际需要不断增加类似的底层封装，供大家使用。
             

			
		

	





	

		

			

				
					
微信接入之获取用户头像的方法步骤

				
			

			

				

					12-13
				

			

		

		

			
				
前段时间写了关于微信支付接入，顺便就把获取用户昵称，头像的方式也归纳下，这个其实挺简单的，具体的方法看官方文档即可。这里只提几个重点。
scope参数

看过微信文档的话，微信的规定是，对于scope参数，如果需要获取用户信息的话，scope参数为snsapi_userinfo。但是我接下来，使用过一次userinfo，实际上用snsapi_base也可以获得用户信息，一模一样的返回值，对于获取头像和昵称完全没有任何问题
获取头像

获取头像其实有一点麻烦的就是跨域问题。要解决这个跨域问题，可以采用设置一个代理服务器，或者通过配置相关服务器(ngix,apache)来解决。这个网上方法很多，我

			
		

	





	

		

			

				
					
2000个随机头像（真实人物头像）适用于app小程序论坛等测试的头像

				
			

			

				

					12-21
				

			

		

		

			
				
2000个随机头像（真实人物头像）适用于app测试的头像， 适用于服务端生成批量用户头像

			
		

	





	

		

			

				
					
微信小程序（图像识别）腾讯云、百度智能云API（含源码）

				
			

			

				

					
				

				

					11-25
					
					1万+
					
				

			

		

		

			
				
前言
开发小程序，涉及到图像，文字识别等功能；包括（植物，动物，物品，驾驶证，身份证，银行卡，文字，翻译，车型）等功能。
体验二维码

代码参考
微信小程序，图像识别源码：https://mp.csdn.net/postedit/100698868

...

			
		

	





	

		

			

				
					
PHP+TP框架实现使用微信图像接口

				
			

			

				

					wangyufeng
				

				

					07-02
					
					481
					
				

			

		

		

			
				
使用微信图像接口

			
		

	





	

		

			

				
					
微信小程序和QQ小程序图片安全内容检测接口之ThinkPHP实现

				
			

			

				

					hbqjzx的专栏
				

				

					01-20
					
					1743
					
				

			

		

		

			
				
小程序中的功能或服务中，涉及用户将自己自定义编辑的文字、图片、音频、视频等内容通过小程序进行展示或提供给其他用户的，属于UGC小程序。

			
		

	





	

		

			

				
					
调用微信图片接口

					
热门推荐

				
			

			

				

					laybarbarian的博客
				

				

					09-09
					
					1万+
					
				

			

		

		

			
				
首先连入微信端，用户同意授权，获取code，通过code换取网页授权access_token，根据开发文档可以获取到微信端接口调用方式。





微信选择照片后在页面做一个展示效果，此处有坑，不同操作系统，Android和Ios不一样。

果机拿出来的base64能直接展示，安卓拿出来的base64微信端默认剪掉了前面的格式 'data:image/jgp;base64,'


        ...

			
		

	





	

		

			

				
					
微信企业号-JS-SDK图像接口

				
			

			

				

					weixin_30247159的博客
				

				

					12-26
					
					176
					
				

			

		

		

			
				
使用JS-SDK需要进行四步主要是步骤二和步骤三，步骤二需要配置，步骤三具体使用相关接口，这里以使用图像接口为例php页面代码主要用来完成步骤二，也就是配置接口public function index() {        $signPackage = $this->getSignPackage();        g("smarty") -> assign("appId", $s...

			
		

	





	

		

			

				
					
微信小程序cpcl指令接口

				
			

			

				

					08-02
				

			

		

		

			
				
微信小程序的CPCL指令接口是一种用于控制打印机打印行为的指令集。CPCL（Continuous Positive Control Language）是一种打印机指令语言，主要用于控制打印机在纸张上打印文本、条码、图像等内容。  微信小程序的CPCL...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值