layer 能支持多图片上传吗?

未结贴
1 81
如题,我没看到相应的接口
  • SMALL SMALL VIP2
    2017-01-11 20:27:48
    重点是multiple 接收得就是一个集合
    <div class="site-demo-flow" id="upload-images">

    </div>
    <div class="layui-box">
    <div class="layui-upload-button"><form target="layui-upload-iframe" method="post" key="set-mine" enctype="multipart/form-data" action=""><input required type="file" name="file-demo[]" multiple class="layui-upload-file" value=""></form><span class="layui-upload-icon"><i class="layui-icon"></i>上传图片</span></div>
    </div>
    <script>
    layui.use(['form','upload', 'jquery', 'layer','flow'], function(){
    var form = layui.form(),
    $=layui.jquery,
    layer=layui.layer,
    upload=layui.upload,
    flow = layui.flow;
    layui.upload({
    url: 'http://www.90zs.net/layui/demo/upload/uploads.php?dopost=qiniu-images'
    ,unwrap:true
    ,before: function(input){
    //返回的参数item,即为当前的input DOM对象
    console.log('文件上传中');
    }
    ,success: function(res){
    for (key in res){
    if(res[key].code==0)
    $("#upload-images").append('<img lay-src="'+res[key].data.src+'" alt="'+res[key].data.name+'"/>');
    else
    layer.msg(res.msg);
    flow.lazyimg();
    }
    console.log('上传完毕');
    }
    });

    //各种基于事件的操作,下面会有进一步介绍
    });
    </script>

    0 回复
最近热帖
layui 1.0.8 发布,一次用心的小版本升级 5039
LayIM 发布 3.0.3,增加音频消息支持及移动端联系人界面 1343
基于LayUI的后台管理模板BeginnerAdmin更新啦~~~~~~~~~~~~~~ 486
Layer真心好用,有了它,我作为一个phper终于有信心抛开二次开发 301
layui不好用啊,好复杂啊 279
layui 三级联动 255
有偿求助作者大大,我有一个opencart商城网站,想集成layui的问答系统 243
不得不承认,非常棒的一个富文本编辑器 205
ThinkPHP基于Layui无刷提交数据表单,亲测可用 193
CSDN有人公开LayIM源码,弄他 173
layim下载
近期热议
layui 1.0.8 发布,一次用心的小版本升级 54
LayIM 发布 3.0.3,增加音频消息支持及移动端联系人界面 22
通过ajax动态生成的新checkbox添加到table里面样式不存在了,怎么才能重新渲染? 13
layui不好用啊,好复杂啊 13
基于LayUI的后台管理模板BeginnerAdmin更新啦~~~~~~~~~~~~~~ 12
layui的进度条总是无法显示 10
关于富文本框的内容清空问题 10
layer.confirm弹出之后的keydown事件 10
请问layui的tab切换,防止页面刷新效果重置是怎么实现的? 8
layim怎么接入php服务端啊,急急急 8