微信pc端和手机上传处理

一.原因

  在微信通过电脑版和浏览器登录时,调用了微信上传的接口,wx.getLocalImgData或返回失败。

  没办法,只有处理当电脑上传时,使用ajaxuploadfile上传。

二.方法

function upload_weixin_pic(e) {
    e=e||{};
    e={
        id:e.id||'get_pic_url',
        hight:e.hight||0,
        width:e.width||0,
        chooseImage:function () {
            wx.chooseImage({
                count: 1,
                sizeType: ['original', 'compressed'], // original 原图,compressed 压缩图,默认二者都有
                sourceType: ['album', 'camera'], // album 从相册选图,camera 使用相机,默认二者都有
                success: function (res) {
                    e.getLocalImgData(res);
                }, fail: function () {
                    //layer.alert("选择图片失败", {icon: 2, time: 3000, title: "失败"});
                    openTheFile(e);
                }, cancel: function (res) {
                }
            })
        }, getLocalImgData:function (res) {
            layer.msg('上传中', {icon: 16, shade: 0.3, time: 99990000});
            wx.getLocalImgData({
                localId: res.localIds[0], // 图片的localID
                success: function (res) {
                    e.getBase64(res);
                }, fail: function (v) {
                    layer.closeAll();
                    /*if(v.errMsg.indexOf('getLocalImgData')>-1){
                        openTheFile(e);
                    }else{
                        console.info(e);
                        layer.alert("下载图片失败", {icon: 2, time: 3000, title: "失败"});
                    }*/
                    openTheFile(e);
                }, complete: function (res) {

                }
            });
        }, getBase64:function (res) {
            $.post("/Public/weixin_base64", {base64: res.localData,hight:e.hight,width:e.width}, function (path) {
                layer.closeAll();
                e.success(path);
            })
        }, success:e.success|| function (path) {
            //path
        }
    }

    if(isMobile()){
        e.chooseImage();
    }else{
        openTheFile(e);
    }
}
var previewImages_e={};
function openTheFile(e) {
    if($("#"+e.id).length == 0){
        var input=$('<input type="file" style="display: none" name="'+e.id+'" id="'+e.id+'" >');
        input.attr("onchange",'previewImages()');
        $("body").append(input);
    }
    previewImages_e=e;
    $("#"+e.id).click();
}
function previewImages() {
    var e=previewImages_e||{};
    var lay = layer.msg('上传中', {icon: 16, shade: 0.3, time: 99990000});
    $.ajaxFileUpload({
        url: "/Public/UploadPic",
        secureuri: false,
        fileElementId: e.id,
        type: "post",
        data:{
            hight:e.hight,
            width:e.width
        },
        dataType: "json",
        async: false,
        success: function (data, status) {
            layer.close(lay)
            if (data.code == 0) {
                e.success(data.url)
            } else {
                layer.alert(data.msg, {icon: 2})
            }
        },
        error: function (data, status, e) {
            layer.close(lay);
            console.info(e)
            layer.alert("上传图片异常,请选择新的图片!")
        }
    })
}

三.调用方法

  这个方法我使用了layui、ajaxfileupload插件

  调用时

  可以直接调用方法名

upload_weixin_pic()

 

//也可以

      upload_weixin_pic({
                success:function (path) {
                    //path
                }
            })

 

posted @ 2018-11-10 17:48  易之盛  阅读(413)  评论(0编辑  收藏