layui上传同时绑定多个元素，并将属性设定在元素上 lay-data BUG(这个针对于tp)

韩淼燃

于 2019-04-17 11:35:30 发布

阅读量7.2k

点赞数 2

CC 4.0 BY-SA版权

分类专栏：闲聊文章标签： php layui

本文链接：https://blog.youkuaiyun.com/weixin_36691991/article/details/89352807

闲聊专栏收录该内容

168 篇文章

订阅专栏

本文详细介绍了在ThinkPHP框架中使用LayUI的上传组件时，如何正确配置lay-data属性避免错误，包括在URL前添加空格的技巧，以及通过jQuery和LayUI的upload模块实现文件上传的示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

tp使用过程中 lay-data 中URL 前面必须要有空格不然会报错默认的首页不是指定URL

<button class="layui-btn demoMore" lay-data="{url: '/a/'}">上传A</button>
<button class="layui-btn demoMore" lay-data="{url: '/b/', size:5}">上传B</button>
<button class="layui-btn demoMore" lay-data="{url: '/c/', accept: 'file',size:10}">上传C</button>

避免报错写法前面加空格

lay-data="{ url:'      '}"

$(this).attr('z',(parseInt(values)+1));
                layui.use(['upload'], function () {
                    var $ = layui.jquery
                        ,upload = layui.upload;
                    picuploads(".demoMore"+$('.choice').attr('value'));
                    function picuploads(c) {
                        upload.render({
                            elem: c
                            ,done: function(res, index, upload){
                                var item = this.item;
                                console.log(item['context']['name']); //res是上传完返回的地址,item['context']['name']是返回你绑定元素返回的name值
                            }
                        });