通過微信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));
        }
    });
};