如何解决Dropzone JS - 在所有文件上传后重定向
我有下面的 dropzone JS 表单,它可以按原样上传文件。
<form action="upload.php" class="dropzone" id="dropzone" >
<div class="dz-message needsclick" style="margin-top:-20px">
<i data-feather="upload-cloud" style='margin-top:4px'></i>
<h4 style='font-weight:100'>Drag image here or click to upload</h4>
</div>
</form>
当所有上传完成后,我试图让页面重定向到另一个页面。从搜索中,我找到了下面的脚本,但它似乎没有做任何事情
<script>
dropzone.on("success",function(file,responseText) {
window.location.href = ("Uploaded.php")
});
</script>
解决方法
已编辑: 使用以下事件 'queuecomplete' 而不是 'success'
文档: https://www.dropzonejs.com/#events
首先,请确保您的后端运行正常(以便上传正常)。如果是这样,则应在文件上传后触发成功事件。
尝试在您的脚本中使用以下代码:
// Need disabling autoDiscover,otherwise Dropzone will try to attach twice.
Dropzone.autoDiscover = false;
// or disable for specific dropzone:
// Dropzone.options.myDropzone = false;
$(function() {
// initialize the dropzone
var myDropzone = new Dropzone("#dropzone");
// change the location according to your preference
// use queuecomplete instead of success event
myDropzone.on("queuecomplete",function(file) {
window.location.href="test.php"
});
})
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。