单击 FireFox 中的按钮时，Dropzone js 无法获取 addEventListener

Question

我试图解决这个问题，但我不能。 将文件上传到 FireFox 时，我无法上传， 但是文件会上传到 Opera 中。 在 Dropzone.js 中，我使用 bootstrap 和 jquery 作为库。

在我看来，问题在于 addEventListener？ 带有萤火虫的示例视频：enter link description here

片段：

Dropzone.options.myDropzone = {

		// Prevents Dropzone from uploading dropped files immediately
		autoProcessQueue: false,
		parallelUploads: 10,
		thumbnailWidth: 120,
		thumbnailHeight: 120,
		init: function() {

			var submitButton = document.querySelector("#submit-all");
			var myDropzone = this;

				submitButton.addEventListener("click", function() {
			  		myDropzone.processQueue(); // Tell Dropzone to process all queued files.
			  	});

			    this.on("addedfile", function(file) {
			        // Create the remove button
			        var removeButton = Dropzone.createElement("<button class='btn btn-xs btn-warning'>Remove file</button>");

			        // Listen to the click event
			        removeButton.addEventListener("click", function(e) {
			          // Make sure the button click doesn't submit the form:
			          e.preventDefault();
			          e.stopPropagation();

			        // Remove the file preview.
			        myDropzone.removeFile(file);
			        //   // If you want to the delete the file on the server as well,
			        //   // you can do the AJAX request here.
			        });

			        // Add the button to the file preview element.
			        file.previewElement.appendChild(removeButton);
				});
				
		} //dropzone init
	}; //dropzone options

<script src="https://raw.githubusercontent.com/enyo/dropzone/master/dist/dropzone.js"></script>

<form action="upload/do_upload" class="dropzone" id="my-dropzone"></form>
<button type="button" class="btn btn-primary"><span id="submit-all">Submit all files</span></button>
<button type="button" class="btn btn-default"><a href="upload">Reset</a></button>

Answer 1

这里有一个 SPAN id="submit-all"

<button type="button" class="btn btn-primary"><span id="submit-all">Submit all files</span></button>

那么你就有了一个 querySelector：

var submitButton = document.querySelector("#submit-all");

按钮有一个点击事件，而不是跨度。也许如果您将第一行更改为此它应该可以工作：

<button type="button" id="submit-all" class="btn btn-primary"><span>Submit all files</span></button>

试一试并告诉我们。