1. ホーム
  2. javascript

[解決済み] dropzone.jsのデフォルトテキストを変更するには?

2023-05-21 17:11:23

質問

私は dropzone.js を使用してファイルをアップロードしています。しかし、デフォルトのテキストを変更するのに苦労しています。

dropzoneクラスのインスタンス化を試してみました。

$(document).ready(function(){
  $(".foo").dropzone({ dictDefaultMessage: "hello" });
});

このマークアップで

    <div class="span4">
      <form action="http://localhost/post" method="post" accept-charset="utf-8" id="drop3" class="foo" enctype="multipart/form-data"> </form>
    </div>
    <div class="span4">
      <form action="http://localhost/post" method="post" accept-charset="utf-8" id="drop4" class="foo" enctype="multipart/form-data"> </form>
  </div>

これで確かにファイルをアップロードできるようになりましたが、デフォルトのテキストは空白です。

をテストしてみました。

 $(".foo").dropzone();

と入力しても、同じ結果、デフォルトのテキストが表示されません。それで...どのようにデフォルトテキストを変更するのですか?

どのように解決するのですか?

ドロップゾーンのフォーム内に以下のように要素を追加してください。

<div class="dz-message" data-dz-message><span>Your Custom Message</span></div>