layui 实现图片上传前后台

js部分:
  var uploadInst = upload.render({
        elem: '#testList' //绑定元素
        ,url: ctx+'/uploadController/uploadImage' //上传接口
        ,size:5*1024
        ,method:'post'
        , multiple: true
        ,auto: false
        ,bindAction: '#testListAction'
        ,choose: function(obj){
            debugger;
            var files = obj.pushFile(); //将每次选择的文件追加到文件队列

            //图像预览,如果是多文件,会逐个添加。(不支持ie8/9)

            obj.preview(function(index, file, result){

                var imgobj = new Image(); //创建新img对象

                imgobj.src = result; //指定数据源

                imgobj.className = 'thumb';

                imgobj.onclick = function(result) {

                    //单击预览

                    img_prev.src = this.src;

                    var w = $(window).width() - 42, h = $(window).height() - 42;

                    layer.open({

                        title: '预览',

                        type: 1,

                      
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值