javascript - 如何使用输入字段、文本和提交按钮实现自定义后备功能

Question

我是 Dropzonejs 和 javascript/jQuery 的新手。我花了一些时间玩它并设置了一个效果很好的 dropzone，但我需要创建带有 2 个文本输入、1 个文本区域、1 个复选框和一个提交按钮的自定义后备功能。

我现在不知道我放了之后接下来要做什么

<div class="fallback"></div>

进入我的表格。

我还创建了：

fallback: function() {

} // end of fallback

在 options.mydropzone

这是我卡住的地方。我需要一些提示来完成我的自定义后备功能。

Answer 1

Dropzone 实际上是开箱即用的，您不需要创建此行为。您只需在表单中放置一个带有 class='fallback' 的 div，它包含旧浏览器的输入：

  <form method="POST" action="/upload" class="dropzone">
    <div class="fallback">
      <input type="file" name="file" />
      <input type="submit" />
    </div>
  </form>

Answer 2

将当前表单包装在 div 中

<div id="generalForm">
<form name='form1' .....>
</div>

创建要用作后备的第二个表单并将其包装在 div 中

<div id="specialForm" style='display:none'>
<form name="form1" .... >
</div>

在您的后备功能中，您将使用

fallback: function() {
  document.getElementById('generalForm').style.display="none";
  document.getElementById('specialForm').style.display='block';
}

那是你想要的吗？