上传多张图片到微信服务器(一张一张上传)

最新推荐文章于 2024-04-18 17:49:37 发布

weixin_30701575

最新推荐文章于 2024-04-18 17:49:37 发布

阅读量200

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/3b2414/p/9494163.html

本文介绍了一种使用微信接口实现图片上传的方法。通过调用微信JS-SDK的chooseImage和uploadImage接口，用户可以从相册或相机选择图片并上传到微信服务器。文章提供了HTML和JS代码示例，展示了如何实现这一功能。

HTML
    <span>
        <a class="file" onclick="uploadimg()">选择图片</a>
    </span>

JS
　　 var imgid;
    function uploadimg() {
        wxshop.wx_config(function() {
        　　wx.chooseImage({
        　　　　count: 9, //设置一次能选择的图片的数量
        　　　　sizeType: ['original', 'compressed'], //指定是原图还是压缩,默认二者都有
        　　　　sourceType: ['album','camera'], //可以指定来源是相册还是相机,默认二者都有
        　　　　success: function(res) { //微信返回了一个资源对象
            　　//res.localIds 是一个数组　保存了用户一次性选择的所有图片的信息 
　　　　　　  　　//把图片的路径保存在images[localId]中--图片本地的id信息，用于上传图片到微信浏览器时使用
            　　　imgid = res.localIds;　
　　　　　　　　　　ulLoadToWechat(); //把这些图片上传到微信服务器  一张一张的上传                        
        　　　　}
       　　 });
        });
    }

　　function ulLoadToWechat() {
    　　wxshop.wx_config(function() {
       　　if (!imgid.length) {
          　　alert('图片上传成功!');
           } else {
           　　var localId = imgid.pop();　　//pop(),删除并返回数组的最后一个元素
               wx.uploadImage({
               　　localId: localId,
                   success: function(res) {
                   　　wxImgDown(res.serverId);　　//将图片路径存在了本地数据库
                       ulLoadToWechat();
                   },
                   fail: function(res) {
                   　　alert(JSON.stringify(res));
                   }
                });
            }
        });
    };

后台代码：
　　String context = request.getParameter("context");
　　String accesstoken = WsUtils.getAccessToken();
   String image = JwMediaAPI.downMedia(accesstoken, context, new Global().getUserfilesBaseDir() + "userfiles/imageUrls/").getFileName();

转载于:https://www.cnblogs.com/3b2414/p/9494163.html