web-dev-qa-db-ja.com

Dropzone-不明なエラー:URLが提供されていません

Dropzonejsを使用してファイルをアップロードした後、JSONresponseを取得する方法がわかりません。

私はこれを持っています:

<script src="{% static "dropzone/dropzone.js" %}"></script>

<form id="id_dropzone" class="dropzone" action="/ajax_file_upload_handler/"
              enctype="multipart/form-data" method="post"></form>

Dropzoneを手動で初期化しないと不可能だと思うので、次のように変更しました。

$("#id_dropzone").dropzone({
                maxFiles: 2000,
                url: "/ajax_file_upload_handler/",
                success: function (file, response) {
                    console.log(response);
                }
            });


<form id="id_dropzone" class="" action=""
              enctype="multipart/form-data" method="post"></form>

_Uncaught Error: No URL provided.

ドロップゾーンを初期化して、maxFiles、maxSize、get [〜#〜] json [〜#〜] responseなどのオプションを追加するにはどうすればよいですか?

12
Milano

Dropzoneが次のいずれもなしでオブジェクトにアタッチされると、URLは提供されません。

  • ドロップゾーンに投稿する場所を指示するフォームのアクション属性
  • 特定のドロップゾーンの構成

私の賭けは、あなたが構成する前にDropzoneが要素にそれ自体をアタッチする競合状態があることです。設定がJSインポートの直後であるか、Dropzone.autoDiscover = false;およびDropzoneを明示的にインスタンス化します。

詳細については、 こちら をご覧ください。

<script src="{% static "dropzone/dropzone.js" %}"></script>

<script type="text/javascript">

   Dropzone.autoDiscover = false;

   $(document).ready(function () {
        $("#id_dropzone").dropzone({
            maxFiles: 2000,
            url: "/ajax_file_upload_handler/",
            success: function (file, response) {
                console.log(response);
            }
        });
   })

</script>

<form id="id_dropzone" 
      class="dropzone" 
      action="/ajax_file_upload_handler/"
      enctype="multipart/form-data" 
      method="post">
</form>
39
lin