下拉菜单layui.dropdown如何绑定文件上传

[Python-tool]

下拉菜单layui.dropdown如何绑定文件上传：实现单击下拉菜单中的选项渲染文件上传。

[Python-tool]

没有解决方案，下拉菜单改成按钮工具栏来实现算了

[Python-tool]

是的，而且绑定不了，文件上传无法绑定元素ID，单击下拉菜单选项后，下拉菜单里面的元素会销毁掉

[LSL1618]

这个好像不行，下拉面板和面板内的元素都是实时渲染的，总不能每次下拉面板显示的时候都去upload.render()实例化文件上传吧，这样会很浪费资源。

[hjingsuper]

绑定隐藏元素，下拉触发隐藏click不可以么？
https://codepen.io/hjingsuper/pen/pomyYOo

 <button class="layui-btn demo-dropdown-base">
    <span>下拉菜单</span>
    <i class="layui-icon layui-icon-down layui-font-12"></i>
  </button>
<input type="hidden" name="file" id="ID-upload-demo-form-files" />

layui.use(function () {
  var dropdown = layui.dropdown;
  var $ = layui.jquery;
  var upload = layui.upload;
  // 渲染
  dropdown.render({
    elem: ".demo-dropdown-base", // 绑定元素选择器，此处指向 class 可同时绑定多个元素
    data: [
      {
        title: "menu item 1",
        id: 100
      },
      {
        title: "menu item 2",
        id: 101
      },
      {
        title: "menu item 3",
        id: 102
      }
    ],
    click: function (obj) {
      if (obj.id == 100) {
        $("#ID-upload-demo-form-files").click();
      }else{
           this.elem.find('span').text(obj.title);
      }
    }
  });

  upload.render({
    elem: "#ID-upload-demo-form-files",
    auto: false,
    accept: "file",
    size: 10240,
    choose: function (obj) {
      obj.preview(function (index, file, result) {
        if (file.size / 1024 > 10240) {
          layer.msg("文件大小超出限制！");
          return false;
        }
        console.log(file);
      });
    },
    error: function (index, upload) {}
  });
});

[Python-tool]

优秀