微信js上传图片并 展示,iphone下预览

    $(‘.addphotos‘).click(function(){
var that = $(this);
var ua = navigator.userAgent.toLowerCase();
var ios;
console.log(ua);
if (/iphone|ipad|ipod/.test(ua)) {
    ios = true;
} else {
    ios = false;
}
console.log(ios);
wx.chooseImage({
    count: 1, // 默认9
    sizeType: [‘original‘, ‘compressed‘], // 可以指定是原图还是压缩图,默认二者都有
    sourceType: [‘album‘, ‘camera‘], // 可以指定来源是相册还是相机,默认二者都有
    success: function (res) {
        var localIds = res.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片
        var localId = localIds[0];
        wx.uploadImage({
            localId: localIds[0], // 需要上传的图片的本地ID,由chooseImage接口获得
            isShowProgressTips: 1, // 默认为1,显示进度提示
            success: function (res) {
                var serverId = res.serverId; // 返回图片的服务器端ID
                var localData;
                if (ios || window.__wxjs_is_wkwebview) {
wx.getLocalImgData({
    localId: localId,
    success: function (res) {
//var localData = res.localData; // localData是图片的base64数据,可以用img标签显示
        localData = res.localData.replace(‘jgp‘, ‘jpeg‘);
        var str = ‘<div>‘+
            ‘<img src="‘+localData+‘"/>‘+
            ‘<input type="hidden" name="photos[]" value="‘+serverId+‘">‘+
            ‘<img src="{MODULE_URL}static/img/xx.png"/>‘+
            ‘</div>‘;
        that.before(str);
    },
    fail: function (res) {
        alert(‘该图片暂时无法查看‘)
    }
});
                } else {
localData = localId;
var str = ‘<div>‘+
    ‘<img src="‘+localData+‘"/>‘+
    ‘<input type="hidden" name="photos[]" value="‘+serverId+‘">‘+
    ‘<img src="{MODULE_URL}static/img/xx.png"/>‘+
    ‘</div>‘;
that.before(str);
                }

            }
        });
    }
});
                });

iphone下不能使用localId来预览图片,需要使用微信jssdk最新版本https://res.wx.qq.com/open/js/jweixin-1.2.0.js wx.getLocalImgData接口来获取图片base64数据进行预览

微信js上传图片并 展示,iphone下预览

原文:http://www.cnblogs.com/benlightning/p/7657827.html

以上是微信js上传图片并 展示,iphone下预览的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>