2015-09-17 53 views
2

我在标准html表单中使用Dropzone.js时遇到了一些麻烦。使用我所拥有的代码,一切正常,我可以点击该区域添加图像,我一次只能添加一个图像,而图像仅在按下提交按钮时才会上传。 但是,按下提交时实际上没有发送任何内容。我知道我需要手动处理队列,但这似乎并没有工作。然后发送表单数据的其余部分,它只是不是的图像。dropzone.js表单提交不发送文件

我正在使用以下简化代码。 (假设比不发送文件,这个工程除外)。

HTML

<form action='upload.php' method="post" class="dropzone" id="mydz"> 
<input type='submit' name='submitimage' value='Save' style='float:left;'/> 

JAVASCRIPT

Dropzone.options.mydz = { 
    autoProcessQueue: false, 
    maxFiles: 1, 

    init: function() { 
     var submitButton = document.querySelector("#submitimage"); 
     mydz = this; // closure 

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

     this.on('addedfile', function(file){ if(this.files.length > 1) { this.removeFile(this.files[0]); } }); 
    } 
} 

我一直在试图解决现在这一切的一天,并没有搜索量网上发现了对我有用的东西。你们能帮助吗? :)

+0

此外,我也试过在这里问过,但没有回应。 https://github.com/enyo/dropzone/issues/1040 –

回答

0

宾果游戏!!!在我之前链接到的github帖子作者的帮助下,这个问题现在已经解决了!

我张贴的早期作品,因为它是代码,但是dropzone.js文件中,我将这两行this.hiddenFileInput.setAttribute("name", _this.options.paramName); $("form.dropzone").append(_this.hiddenFileInput);

document.body.appendChild(_this.hiddenFileInput);后,所有的工作,因为它应该!