在body上的任何地方放置时开始上传

Question

我目前有一个类似的dropzone js区域

<form method="post"
class="dropzone bg-black"
enctype="multipart/form-data"
action="/">
<br>
<div class="normal-form">
<div class="btn d-inline-block btn-previous">
<input class="btn"
id="files"
type="file"
name="image"
multiple="multiple">
</div>
<button class="btn"
style="font-size: 20px;"
type="submit">Upload
</button>
</div>
</form>

我的dropzone js配置看起来像

<script defer>
Dropzone.autoDiscover = false;
var myDropzone = new Dropzone(".dropzone", {
autoProcessQueue: false
});
myDropzone.on('drop', function (e) {
document.querySelector('#files').files = e.dataTransfer.files;
});
$('form').on('drop', function () {
$('form').submit();
});
$('form').on('submit', function () {
$('form').addClass('hidden');
$('.loader').removeClass('hidden');
});
</script>

在工作过程中，当有人删除一个或多个文件时，它会隐藏起来，在上传文件时显示上传gif，直到上传，然后重定向。

这很好用。我唯一困惑的问题是，如果它们掉在身体的任何地方，而不仅仅是dropzone类，我该如何做到这一点？

我试着做

var myDropzone = new Dropzone(document.body, {
autoProcessQueue: false
});

但我有

Uncaught Error: No URL provided.

如有任何帮助，我们将不胜感激。

Answer 1

明白了，我不得不在Dropzone配置中放入url操作

var myDropzone = new Dropzone(document.body, {
url: "/",
autoProcessQueue: false,
createImageThumbnails: false,
});