美文网首页
微信上传图片

微信上传图片

作者: 洱月 | 来源:发表于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