首页
前端开发
Javascript
在同一页面使用多个Layui文件上传按钮的方法

在同一页面使用多个Layui文件上传按钮的方法

19 次浏览 0 条评论
zip
zip

在Layui框架下，如果需要在一个页面中使用多个upload上传按钮，可以通过为每个按钮创建不同的实例来实现。每个按钮都需要一个唯一的ID或类名来区分。你可以使用以下代码示例：

layui.use('upload', function(){
  var upload = layui.upload;

  // 第一个上传实例
  upload.render({
    elem: '#upload1',
    url: '/upload1/',
    done: function(res){
      console.log('第一个文件上传成功');
    }
  });

  // 第二个上传实例
  upload.render({
    elem: '#upload2',
    url: '/upload2/',
    done: function(res){
      console.log('第二个文件上传成功');
    }
  });
});

以上代码为页面上的两个upload上传按钮分别创建了上传实例，确保多个按钮可以正常工作，且不会互相冲突。

zip 文件大小：356.88KB