美文网首页
微信上传图片

微信上传图片

作者: 洱月 | 来源:发表于2018-05-29 14:46 被阅读0次

    微信上传图片

    <div class="each_img" id="img1">
        <img class="add-imgs" data-type="img" src="~/Image/admin/imgAdd.png" alt="" />
    </div>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js "></script>
    
    var _appId="@ViewBag._appId";
        var _timestamp=@ViewBag._timestamp;
    var _nonceStr="@ViewBag._nonceStr";
    var _signature = "@ViewBag._signature";
    var _jsApiList = @Html.Raw(Json.Encode(@ViewBag._jsApiList));
    
    wx.config({
        debug: false,
        appId: _appId,
        timestamp:_timestamp,
        nonceStr: _nonceStr,
        signature:_signature,
        jsApiList: _jsApiList
    });
    var localIds = null;
    $('#img1').click(function () {//调用手机相册
        wx.chooseImage({
            count: 5, // 默认9
            sizeType: ['compressed'], // 可以指定是原图还是压缩图,默认二者都有
            sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
            success: function (res) {
                localIds = res.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片
                var inner = '';              
                for (var i = 0; i < localIds.length; i++) {
                    inner += '<img src="' + localIds[i] + '" class="add-imgs" />';
                }
                $('.each_img').html(inner)
            }
        });
    })
    //发布按钮点击
    $('.focus').click(function () {      
        syncUpload(localIds);        
        })
    var serverIdArr = [];
    function syncUpload() {
        var localId = localIds.pop();
        wx.uploadImage({
            localId: localId, // 需要上传的图片的本地ID,由chooseImage接口获得
            isShowProgressTips: 1, // 默认为1,显示进度提示
            success: function (res) {
                var serverId = res.serverId; // 返回图片的服务器端ID   
                serverIdArr.push(serverId);
                if (localIds.length > 0) {
                    syncUpload();
                }
            }
        });
    }

    相关文章

      网友评论

          本文标题:微信上传图片

          本文链接:https://www.haomeiwen.com/subject/xccajftx.html