防止uikit 3中的Ajax文件上传拖放

Question

在uikit 3中，当使用拖放文件上传功能时，在选择文件时会发生ajax调用。它导致表单提交运行两次。当url:设置为php控制器功能时，它无需提交表单即可运行。如何将其绑定到表单提交？

Answer 1

您可以将'method'属性设置为返回false的函数。这将停止自动进行的ajax请求。

然后您可以从beforeAll事件中获取文件并执行手动表单提交。

UIkit.upload('.js-upload', {
  multiple: false,
  method: () => {return false;},
  beforeAll: function (el, files) {
    console.log('beforeAll', arguments);
    console.log('el', el);
    console.log('files', files);
  }
});