[解決済み] Dropzone already attached "というエラーはどうすれば直るのですか？

質問

こんなサンプルがあります。

リンク

このフォームを作成することができましたが、残念ながらエラーが出てうまくいきません。

Dropzone already attached.

CODE HTMLです。

<div class="dropzone dz-clickable" id="myDrop">
  <div class="dz-default dz-message" data-dz-message="">
    <span>Drop files here to upload</span>
  </div>
</div>

CODE JSです。

Dropzone.autoDiscover = false;
var myDropzone = new Dropzone("div#myDrop", { url: "/file/post"});

// If you use jQuery, you can use the jQuery plugin Dropzone ships with:
$("div#myDrop").dropzone({ url: "/file/post" });

を設定しました。 Dropzone.autoDiscover = false; が、残念ながらまだうまくいきません。

この問題の原因を教えていただけませんか？

解決方法を教えてください。

どちらかを使用する必要があります。

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

または

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

は両方ではありません。基本的にあなたがやっていることは、同じものを2回呼んでいるのです。