layui 多个上传控件，前端预览+非自动上传方式实现

银河系银桑

已于 2022-05-09 10:26:21 修改

阅读量1.2k

点赞数

分类专栏： JAVA Layui 文章标签： java layui

于 2020-12-08 17:19:44 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_40293364/article/details/110877273

版权

layui 上传控件非自动上传只能实现一个或的多个图片同时在一个上传控件中实现，并传回到controller处理上传结果

若需要多个上传控件上传图片，提交时再分别获取图片信息如何处理呢？

---经过测试可以采用ajax提交的方式实现

具体实现过程如下：

    <div class="layui-form-item">
            <label class="layui-form-label">按钮图标:</label>
            <div class="layui-upload">
                <button type="button" class="layui-btn" id="uploadImageBtn">上传图片</button>
                <div id="uploadList" class="layui-upload-list">
                </div>
            </div>
        </div>

使用uploadTimes标识，防止重复上传时不触发。

  renderObj = upload.render({
        elem: '#uploadImageBtn'
        , url: 'url' //设置url
        , auto: false
        // , bindAction: '#commit'
        ,

最低0.47元/天解锁文章