ドミノにいくつかのイベントハンドラがあるdropzoneフォームがあります。しかし、事件のどれもが活動を開始していません。ファイルはサーバーに送信されています。いくつかの後Dropzone.jsイベントが起動しない
$(function() {
Dropzone.autoDiscover = true;
Dropzone.options.dropzoneForm = {
init: function() {
this.on("success", function(response) {
alert('Success event fired! Check console');
console.log(response);
});
},
paramName: "file"
};
});
：
<div>
<form action="/file/upload" class="dropzone" id="dropzoneForm" method="post"></form>
</div>
スクリプト：私はちょうど私がデータベース
HTMLに画像のリンクを追加できるように、サーバーからの応答メッセージを取得しようとしています私は問題を理解した。いくつかの理由から、Dropzone.optionsは$（function {}）の内部にあったため起動しませんでした。だから、魅力のように動作するバージョンがあります。
<!DOCTYPE html>
<html lang="en"
<head>
<meta charset="UTF-8">
<title>Products</title
<!-- Bootstrap core CSS -->
<link href="assets/bootstrap/css/bootstrap.css" rel="stylesheet">
<!-- Dropzone css-->
<link rel="stylesheet" href="assets/css/plugins/dropzone/dropzone.css">
<link rel="stylesheet" href="assets/css/plugins/dropzone/basic.css">
</head>
<body>
<div class="container" style="margin-top: 300px">
<div class="well">
<form action="/file/upload" class="dropzone" id="dropzoneForm">
<div class="fallback">
<input type="file" name="file" multiple="multiple">
</div>
</form>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="assets/plugins/dropzone/dropzone.js"></script>
<script>
Dropzone.options.dropzoneForm = {
dictDefaultMessage: 'Drop file here or click to upload!!!!!!!!',
addRemoveLinks: true,
init: function() {
this.on("addedfile", function(file) { alert("Added file."); });
}
};
</script>
</body>
</html>
あなたのフォームに要素がないので、イベントを検出するためのサイズがないと思われます。ファイル入力を追加してみましょう。ドロップ領域のサイズにスタイル付けされた親divにdropzoneを使用してください。 –
次の要素をの形式で追加しようとしました。まだ動作しません。 –
http://www.dropzonejs.com/ドキュメントに従ってください。 –