微信web开发的上传图片js接口

$(‘.chooseImage‘).click(function(){
            wx.chooseImage({
                count: pic_num, // 默认9,大于9也是显示9
                sizeType: [‘compressed‘], // 可以指定是原图还是压缩图,默认二者都有 ‘original‘,
                success: function (res) {
                    images.localId = res.localIds;
                    alert(‘已选择 ‘ + res.localIds.length + ‘ 张图片‘);
                    var img_data = "";
                    $.each(images.localId, function(i, v)
                    {
                        img_data += "<img class=‘wimg-item‘ src=‘"+v+"‘>";
                    });
                    $("#image_content .chooseImage").before(img_data);
                    $("#uploadImage").click();
                }
            });
        });

        document.querySelector(‘#uploadImage‘).onclick = function () {
            if (images.localId.length == 0) {
                alert(‘请先使用 chooseImage 接口选择图片‘);
                return;
            }
            var i = 0, length = images.localId.length;
            images.serverId = images.serverId || [];
            function upload() {
                wx.uploadImage({
                    localId: images.localId[i],
                    isShowProgressTips: i == 0 ? 1:0,// 第一张图显示进度,避免出现一会弹出一个进度等待
                    success: function (res) {
                        i++;
                        $(‘#ask_submit‘).html(‘正在上传 ‘+i+‘/‘+length);
                        if(i>=length)
                        {
                            $(‘#ask_submit‘).html(‘确定‘);
                            // alert(‘已上传:‘ + i + ‘/‘ + length);
                        }

                        images.serverId.push(res.serverId);
                        if (i < length && i <= pic_num) {
                            upload();
                        }
                    },
                    fail: function (res) {
                        alert(‘~><~ 图片上传失败,请稍后再试...‘);
                        //alert(JSON.stringify(res));
                    }
                });
            }
            upload();
        };
    });
时间: 2024-10-13 01:39:44

微信web开发的上传图片js接口的相关文章

微信调用照相拍照等 js 接口的权限配置 和 照片上传和下载实现

直接上代码: 1. 前端调试代码: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>调用微信相机</title> <link rel="stylesheet" href="css/weui.min.css"/> </hea

微信web开发自定义分享

php后台部分-微信类 /**************************************************************************微信自定义分享 开始************************************************************/ /** * 获取微信自定已分享配置参数包 * @author ganyuanjiang <[email protected]> * @createtime 2017-08-05 1

微信web开发ui框架制作网页实例教程

框架:微信ui开发框架 范围:开发所有的微信web页面 下载地址:http://www.chtml.cn/topic/show/49 实例一.Button 按钮可以使用a或者button标签.wap上要触发按钮的active态,必须触发ontouchstart事件,可以在body上加上ontouchstart=""全局触发. 按钮常见的操作场景:确定.取消.警示,分别对应class:weui_btn_primary.weui_btn_default.weui_btn_warn,每种场景

web开发性能优化---UI接口章

1.尽可能的远div+css设计 DIV+CSS与表相比格优势布局: a.精简代码 采用DIV+CSS设计,页面代码精简.这是为了XHTML了解都知道. 代码精简所带来的直接优点有两点:一是提高蜘蛛爬行效率,能在最短的时间内爬完整个页面.这样对收录质量有一定优点;二是因为能高效的爬行,就会受到蜘蛛喜欢,这样对收录数量有一定优点. b.降低因嵌套多而影响蜘蛛爬行的问题 使用一般的Table表格架构,为了达到一定的视觉效果,不得不套用多个表格.假设嵌套的表格中是核心内容,spider爬行时跳过了这一

微信服务开发——读取百度音乐接口返回音乐

最近用了很多网上的坑爹接口,都泪奔了,不说了,都是泪啊~ 前两天做了个微信返回音乐的接口,先来看下效果: 出来之后在手机微信里面就可以实现音乐播放了. 技术很简单,首先访问百度音乐接口,传入音乐名称和歌手名称,然后百度会返回一个XML格式给你,里面包括音乐的链接地址等信息.但是比较坑爹的是,这里的链接地址是写在两个node里面的,我要先从一个encode里面拿到前半段,然后再从deconde里面拿到后半段,然后拼起来,拿到URL之后,就要把这个信息放到返回给用户的音乐信息里面. 先来看下微信里面

微信小程序:微信web开发阶段性学习总结

小程序运行机制 前台/后台状态 小程序启动后,界面被展示给用户,此时小程序处于前台状态. 当用户点击右上角胶囊按钮关闭小程序,或者按了设备 Home 键离开微信时,小程序并没有完全终止运行,而是进入了后台状态,小程序还可以运行一小段时间. 当用户再次进入微信或再次打开小程序,小程序又会从后台进入前台.但如果用户很久没有再进入小程序,或者系统资源紧张,小程序可能被销毁,即完全终止运行. 小程序启动 这样,小程序启动可以分为两种情况,一种是冷启动,一种是热启动. 冷启动:如果用户首次打开,或小程序销

web开发与设计--js数据类型,js运营商

1. js数据类型划分:号码值类型,布尔,串 由typeof能够看到什么类型的数据被详述. 举例: <span style="font-family:Microsoft YaHei;font-size:18px;"><html> <head> </head> <body> <script language="javascript"> //js中变量的定义(在js中,变量用var表示,无论实际类型

asp.net web开发中使用JS百度地图信息弹出窗中显示echarts图

之前在WebGIS开发中,主要是企业级开发,而面向大众级的开发平台,如百度地图等却很少. 最近手头上的一个项目,有一个"电子地图"功能,由于功能需求仅仅是信息查看和浏览,所以选用了百度地图,但是在开发中遇到一个问题,就是信息提示窗口中,要显示折线图,搜索了一大圈也没有这样的示例. 后来思考了一下,由于信息窗口中使用的是html代码,所以可以间接使用iframe来加载一个包含图表数据的页面,最终实现了功能,以下是初步的示例效果,后续还需要UI设计人员进行优化处理. geoc.getLoc

web开发常用的js验证,利用正则表达式验证邮箱、手机、身份证等输入

正则表达式验证 //邮箱 var emailReg = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; email = document.getElementById("email").value; if (!emailReg.test(email)) { win_alert('你输入的邮箱格式不正确!'); return; } //手机号码 var phoneReg = /^(13[0-9]{9})