Question

我正在与laravel合作。我需要将dropzone.js图片上传框放入现有表单中。通常dropzone带有这样的表单标签和drozone类，

<form action="/file-upload"
      class="dropzone"
      id="my-awesome-dropzone"></form>

但是我需要在我现有的表单中添加dropzone框，并使用一个提交按钮将所有其他数据与图像一起保存。你有什么想法来配置吗？更新

<form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>">  
  Name: <input type="text" name="name" value="<?php echo $name;?>">
  <span class="error">* <?php echo $nameErr;?></span>
  <br><br>
  E-mail: <input type="text" name="email" value="<?php echo $email;?>">
  <span class="error">* <?php echo $emailErr;?></span>
  <br><br>
  Website: <input type="text" name="website" value="<?php echo $website;?>">
  <span class="error"><?php echo $websiteErr;?></span>
  <br><br>
  Comment: <textarea name="comment" rows="5" cols="40"><?php echo $comment;?></textarea>

<div>I need put dropzone here</div>
</form>

Answer 1

Dropzone是一个非常可扩展的库。它允许将任何div设为dropzone。如果您不想使用表格-您可以使用-

以编程方式创建一个dropzone

var myDropzone = new Dropzone("div#myId", { url: "/file/post"});

（如果您使用的是本地javascript）。如果您使用的是jquery，则可以使用-

$("div#myId").dropzone({ url: "/file/post" });

如何将dropzone.js框放入html文件中的现有表单？

1 个答案: