• 通过微信api上传图片wx.chooseImage


    在html页面

    (1)引入JS文件

    <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js" type="text/javascript"></script>

    <input id="uploaderInput" class="weui-uploader__input"   οnclick="chooseImage()">

    通过config接口注入权限验证配置

     

     

    function chooseImage() {
        wx.chooseImage({   //拍照或者从手机相册中选图
            count: 1,                //上传数量
            sizeType: ['original', 'compressed'],//可以指定是原图还是压缩
            sourceType: ['album', 'camera'],//可以指定来源是相册还是相机
            success: function (res) {
                var localIds = res.localIds;//返回指定照片的本地id
                uploadImage(localIds);//调用上传照片接口
            }
        });
    }
    
    function uploadImage(localIds){
        var localId = localIds.pop();
        wx.uploadImage({
            localId: localId.toString(),//需要上传的图片的本地ID
            isShowProgressTips: 1,//默认是1,显示进度提示
            success: function (res) {
                var serverId = res.serverId;//返回图片的服务器端
                $.ajax({
                    url:"{:url('User/doUpload')}",  //调用微信多媒体接口下载图片
                     type:'POST',
                     data: {serverId:serverId},
                     dateType:'json',
                     success: function(data){
                         alert(data.msg);
                     }
                }) 
            },
            fail: function (res) {
                alert(JSON.stringify(res));
            }
        });
    };
  • 相关阅读:
    新能源汽车三大核心技术
    新能源汽车分类解读
    hadoop(四):配置参数
    HDP2.4安装(六):小结与回顾
    【Web】Nginx配置开机启动
    【Linux】ODBC安装
    【Erlang】源码安装
    【Linux】 Ncures库的介绍与安装
    【RabbitMQ】 RabbitMQ安装
    《MinDoc 接口文档在线管理系统》
  • 原文地址:https://www.cnblogs.com/liangziaha/p/12749792.html
Copyright © 2020-2023  润新知