精华内容
下载资源
问答
  • 微信图像-源码

    2021-02-11 11:45:08
    微信图像
  • 微信图像接口

    2015-06-06 10:56:19
    前几天weiphp下做了一下微信图像接口的测试,实现了通过jssdk图像的拍照,选择上传等等,现在分享一下。 首先导入了一下微信给出的jssdk.php的类文件,写成Jssdk.class.php(注:我是在weiphp开发的),同时新建一个...

    前几天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> });
    基本上完成了。
     
    


     
    


         

    展开全文
  • 这是一个php封装的微信分享图片生成类,我已经封装成一个类文件,创建对象,传入背景图片、微信二维码、个人微信图像。然后调用create方法,即可生成一张带有微信二维码和个人图像的微信广告图片。经常用来转发给...
  • 微信图像SDK(iOS版)上手指南 微信开放平台 图像识别功能 的ios版本 SDK 指南。
  • 使用微信图像接口

    我在前面一篇博客写到了怎么配置调用微信JS-SDK,这篇博客我来分享怎么使用微信图像接口,上传图片,

    下面我们分三部说明调用微信图像接口选择图片、将图片上传至微信服务器.


    一.调用微信图像接口选择照片,并实时显示.

    //为按钮加上点击事件
    $('#choose').click(function () {
        //调用微信选图接口,拍照或从相册选取照片
    
        wx.chooseImage({
            count: 9, //选择可以一次选择上传几张照片,默认9
    
            sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
    
            sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
    
            success: function (res) {
                var localIds = res.localIds; // 返回选定照片的本地ID列表,
                // localId可以作为img标签的src属性显示图片,为一个数组。
    
                //在本地显示图片,目的,可以将选错的图片删除重选。
                var string = '';
    
                for(var i in localIds){
                    string = string + '<img src="'+localIds[i]+'" /><input name="imgs" hidden="hidden" value="'+
                        localIds[i]+'"/>' ;
                }
    
                $('#di').append(string);
            }
        });
    });

    二.将图片上传至微信服务器.


    //确定图片无误后我们将图片上传到微信服务器
    $('#uploading').click(function () {
        upLoad();
    });
    
    //定义一变量是每张本地图片id的索引
    var i = 0;
    
    //定义一个数组,保存图片在微信服务端的id
    var dataImg = [];
    
    //上传图片到微信浏览器的函数,wx.uploadImage接口一次只能上传一张图片,参数imGs是所有要上传图片的本地id组成的一个数组。
    //我们上传图片,上传完成后,我们将返回图片在微信服务端的id保存在数组中
    function upLoad() {
        //获取上传图片的本地id
        var imgs = $('input[name=imgs]');
    
        if(imgs.length > i){
    
            wx.uploadImage({
                localId: $(imgs[i]).val(), // 需要上传的图片的本地ID,由chooseImage接口获得
                isShowProgressTips: 1, // 默认为1,显示进度提示
                success: function (res) {
                    var serverId = res.serverId; // 返回图片的服务器端ID
                    //我们将图片在微信服务器在id保存在数组中
                    dataImg[i] = serverId;
                    i++;
                    upLoad();
                }
            });
        }
    }
    展开全文
  • Android 仿微信图像拍摄和选择界面.pdf
  • 微信图像智能识别-文档-例子-源码,有需要的下吧!!
  • function chooseImg_Opinion() { wx.chooseImage({ success: function (res) { showImgs_Opinion(res.... 已经得到:weixin://resourceid/******** 格式的值,无奈img标签就是没有显示图像!!! 还请各位大牛赐教….

    function chooseImg_Opinion() {

    wx.chooseImage({

    success: function (res) {

    showImgs_Opinion(res.localIds);

    }

    });

    }

    function showImgs_Opinion(idArr) {

    if (idArr.length > 0) {

    var count = OpinionLocalIds.length;

    if (count <= 3) {

    OpinionLocalIds = OpinionLocalIds.concat(idArr);

    count = OpinionLocalIds.length;

    var html = "";

    if (count >= 3) {

    OpinionLocalIds.splice(3, count);

    count = 3;

    }

    var i = 0;

    $(".OpinionImg").each(function () {

    if (count > i) {

    $(this).empty();

    alert(OpinionLocalIds[i]);

                                    var html = "";

                                    html += "";

    i++;

    $(this).append(html);

    $(this).unbind("click");

    }

    });

    delImg_Opinion();

    }

    }

    };

    alert(OpinionLocalIds[i]);   已经得到:weixin://resourceid/******** 格式的值,无奈img标签就是没有显示图像!!!

    还请各位大牛赐教….

    展开全文
  • 主要介绍了 Android 仿微信图像拍摄和选择界面功能,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友参考下
  • [TOC]获取本地图片接口wx.getLocalImgData({localId: '', // 图片的localIDsuccess: ... // localData是图片的base64数据,可以img标签显示}});备注:此接口仅在 iOS WKWebview 下提供,用于兼容 iOS WKWebview ...

    [TOC]

    获取本地图片接口wx.getLocalImgData({

    localId: '', // 图片的localID

    success: function (res) {

    var localData = res.localData; // localData是图片的base64数据,可以用img标签显示

    }

    });

    备注:此接口仅在 iOS WKWebview 下提供,用于兼容 iOS WKWebview 不支持 localId 直接显示图片的问题。要求IOS版本为2.4.6及以上

    拍照或从手机相册中选图接口wx.chooseImage({

    count: 1, // 默认9

    sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有

    sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有

    defaultCameraMode: "batch", //表示进入拍照界面的默认模式,目前有normal与batch两种选择,normal表示普通单拍模式,batch表示连拍模式,不传该参数则为normal模式。从3.0.26版本开始支持front和batch_front两种值,其中front表示默认为前置摄像头单拍模式,batch_front表示默认为前置摄像头连拍模式。(注:用户进入拍照界面仍然可自由切换两种模式)

    isSaveToAlbum: 1, //整型值,0表示拍照时不保存到系统相册,1表示自动保存,默认值是1

    success: function (res) {

    var localIds = res.localIds; // 返回选定照片的本地ID列表,

    // andriod中localId可以作为img标签的src属性显示图片;

    // iOS应当使用 getLocalImgData 获取图片base64数据,从而用于img标签的显示(在img标签内使用 wx.chooseImage 的 localid 显示可能会不成功)

    }

    });

    此接口在企业微信2.3及以后版本支持相机连拍(当sourceType是camera时)

    参数defaultCameraMode仅在企业微信2.4.20及以后版本支持

    从2.4.6版本开始,IOS版企业微信浏览器升级为WkWebView,因其不支持原有的直接通过localid作为img标签的src属性来显示图片的方式。开发者需要采用通过getLocalImgData来获取localid对应图片的base64数据。

    参数isSaveToAlbum仅在企业微信2.7.5及以后版本支持

    从3.0.26版本开始,defaultCameraMode支持front和batch_front两种值,其中front表示默认为前置摄像头单拍模式,batch_front表示默认为前置摄像头连拍模式

    预览图片接口wx.previewImage({

    current: '', // 当前显示图片的http链接

    urls: [] // 需要预览的图片http链接列表

    });

    从2.4.6版本开始,IOS版企业微信浏览器升级为WkWebView,企业微信原生层面的网络请求读取不到WKWebview中设置的cookie,即使域名是相同的。

    问题说明:

    如果页面的资源或图片存储的服务器依赖校验Cookie来返回数据的情况,在切换到WKWebview后,在企业微信内长按保存,或者点击预览大图时,原生层面发起的网络请求将不会完整地带上所设置的Cookie,会导致图片保存失败或预览失败。

    适配建议:

    建议静态资源cookie free。如果确实有信息需要传递,可通过业务后台存储需要传递的信息,然后给页面一个存储信息相对应的access_token加密码,再通过Url中加入自己业务的access_token进行页面间信息传递。

    上传图片接口wx.uploadImage({

    localId: '', // 需要上传的图片的本地ID,由chooseImage接口获得

    isShowProgressTips: 1, // 默认为1,显示进度提示

    success: function (res) {

    var serverId = res.serverId; // 返回图片的服务器端ID

    }

    });

    备注:上传图片有效期3天,可用素材管理接口下载图片到自己的服务器,此处获得的 serverId 即 media_id。

    下载图片接口wx.downloadImage({

    serverId: '', // 需要下载的图片的服务器端ID,由uploadImage接口获得

    isShowProgressTips: 1, // 默认为1,显示进度提示

    success: function (res) {

    var localId = res.localId; // 返回图片下载后的本地ID

    }

    });

    展开全文
  • 实现知乎客户端的一个重要知识前提就是,要知道怎么通过知乎新闻的接口,来把数据展示到微信小程序端上。那么我们这一就先学习一下,如何将接口获取到的数据展示到微信小程序上。1.用到的知识点wx.request 请求接口...
  • 微信图像预览接口调用例子

    千次阅读 2016-02-14 15:23:02
    var $images = $("#content").find("img"); var imgPaths = []; $images.each(function(){ imgPaths.push(this....原理是获取某个DIV里所有的图片路径,然后调用微信接口,测试通过,需引用微信相关接口文件。
  • Android 仿微信图像拍摄和选择界面

    千次阅读 2017-01-21 10:09:49
    下面这张图对图像进行筛选,根据照片产生的源头分(QQ和微信和相机) 点击某文件夹后,可以查看该文件夹下包含的所有的图片 图片选择界面选中后就跳到已经选择界面的窗口,并且可以对该吃图片上传进行简要的描述...
  • 做函数使用(推荐) 基本规则: viewer(<配置信息([如下](#配置))>: Object) => ({ destroy: Function }); // import import viewer from 'react-mobile-image-viewer'; import 'react-mobile-image-viewer
  • 可以将微信视频图像文件名称转换为日期格式的文件名,
  • 为了更好的理解微信图像SDK的使用,下面将通过一个简单的实例来讲解一下 SDK各个关键 API接口的使用。 1. 工程配置 i. 导入 SDK 文件 WXImageSearch.h libWXImageSearch.a libmtaWXOsdk.a...
  • 插件运行后的画面如下:下面这张图对图像进行筛选,根据照片产生的源头分(QQ和微信和相机)点击某文件夹后,可以查看该文件夹下包含的所有的图片图片选择界面选中后就跳到已经选择界面的窗口,并且可以对该吃图片上传...
  • 支持图像识别、车型识别、景区识别、图片转文字,后端为springboot服务 以及语音识别,后端为微信小程序自带的识别函数
  • 微信小程序,图像识别源码

    万次阅读 热门讨论 2019-09-10 14:42:59
    基于近期的工作内容关系,在查询一些资料的同时,在微信小程序端集成了图像识别功能。基于成本的关系,在阿里,百度,腾讯等对比之后直接选择了免费的百度Ai开放平台,根据下方的价格目前测试够用。 百度端配置...
  • 微信小程序之图像智能分析

    万次阅读 2019-12-01 20:57:20
    微信前端基础、python基础、django基础 设计思路: 前端发送图片(base64格式),后端接收图片,调用腾讯云图像分析接口分析图片,将分析结果返回前端展示。 参数: image_base64:base64图片 接口: wx....
  • 微信的选择图像接口wx.chooseImage怎么设置才能默认最多选择一张图片,看了开发手册似乎上面没有写,特来求教。
  • 使用微信小程序本地和upng API将图像转换为base64。 内容 主要的 src/ ├── index.js (Main output) ├── checkOriention.js (check if the output image's orientation is right) ├── getBase64Image.js ...
  • 主要为大家详细介绍了C#图像识别,微信跳一跳机器人,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • 下载下来直接可以使用 android2.2的包 发送文本和图像的效果和ListView的每次刷新
  • 实现微信小程序的图像轮播,很好的实现图片及视频的轮播,本人项目中经常用到的功能,从里面截取出来的,绝对可用。
  •   前一段时间写了一个移动端的微信图像上传,然后最近需求有一个企业微信图像上传,我就寻思应该都是大差不差的,我就去把代码移植过来测试,结果发现这个区别还是有点大的,最主要的不同点还是在于 getLocalIm

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 61,201
精华内容 24,480
关键字:

微信图像用什么最好