首頁 > 後端開發 > php教程 > javascript - php 微信开发中图片长传的问题?

javascript - php 微信开发中图片长传的问题?

WBOY
發布: 2016-06-06 20:12:45
原創
1281 人瀏覽過

大神们,php微信服务号开发,有没有好的图片上传插件推荐。自己找个图片上传插件,微信端不怎么支。

回复内容:

大神们,php微信服务号开发,有没有好的图片上传插件推荐。自己找个图片上传插件,微信端不怎么支。

这个一般都是用微信自己的js-sdk插件,微信的策略是:

<code>配置`js-sdk`,成功后调用微信接口比如:拍照、图片选择、图片上传,当然图片是上传到微信服务器的,然后你需要做的是在程序后端利用微信上传返回的`meidia_id`来下载上传的图片,这样就不需要自己找插件了,而且你自己找的插件微信上也不会支持的;</code>
登入後複製
<code>wx.config({
        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
        appId: '{$appid}', // 必填,公众号的唯一标识
        timestamp: "{$timestamp}", // 必填,生成签名的时间戳
        nonceStr: '{$noncestr}', // 必填,生成签名的随机串
        signature: '{$signature}',// 必填,签名,见附录1
        jsApiList: ['chooseImage','previewImage','uploadImage'] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
    });
    $(".box-fill").each(function(){
        var ele = $(this);
        $(this).click(function(){
            wx.chooseImage({
                count: 1, // 默认9
                sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
                sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
                success: function (res) {
                    var localIds = res.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片
                    var $imgStr = "<img  src="%22+%20localIds%20+%22"   style="max-width:90%" alt="javascript - php 微信开发中图片长传的问题?" >";
                    ele.html($imgStr);
                    wx.uploadImage({
                        localId: localIds.toString(), // 需要上传的图片的本地ID,由chooseImage接口获得
                        isShowProgressTips: 1, // 默认为1,显示进度提示
                        success: function (res) {
                            var serverId = res.serverId; // 返回图片的服务器端ID
                            uploadServerId(serverId, ele.data('type'));
                        }
                    });
                }
            });
        })
    })
    /**
     * 上传服务id,也就是可以在微信服务器下载图片的media_id
     * @param serverId
     * @param type 上传图片类型
     */
    function uploadServerId(serverId, type){
        $.post("{:U('uploadServerId')}", {openId: "{$openid}", serverId: serverId, type: type},function(ret){
            if(ret.status == -1){
                alert(ret.msg);
            }else if(ret.status == 1){
                if(ret.finish){
                    $(".filters").hide();
                }
            }else{
                alert('请关闭页面后重新登陆上传!');
            }
        })
    }</code>
登入後複製

另外,建议你去微信公众平台看下js-sdk的开发文档,因为这涉及到了后端的一些东西,微信要求部分信息需要在服务端完成,而不是在前端

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板