我试过了一切,我只是不能让dropzone.js发送文件到服务器。我觉得必须有一些非常重要的东西,我不会到达这里。Dropzone.js不提交文件
我现在想要做的所有事情是当用户选择它们时(样式无关紧要)自动上传文件,但它似乎不会触发我的PHP代码,我只剩下假设它没有提交(目标页面与调用它的页面相同)。
HTML:
<?php
if (!empty($_FILES)) {
print "Files exist";
}
?>
<ul class="submission_container">
<li id="file_01" title="Click here to upload files">
<div class="ledger_preview">
<form action="/file-upload" class="dropzone" id="file-one">
+
</form>
</div>
</li>
</ul>
的Javascript:
Dropzone.options.fileOne = {
url: 'submit.php',
paramName: 'file_01',
method: 'POST',
parallelUploads: 1,
clickable: true,
maxFilesize: 7,
acceptedFiles: 'application/pdf',
autoProcessQueue: true,
dictDefaultMessage: '',
dictFallbackMessage: '',
dictFallbackText: '',
dictFallbackText: '',
dictInvalidFileType: '',
dictFileTooBig: '',
dictResponseError: '',
dictCancelUpload: '',
dictCancelUploadConfirmation: '',
dictRemoveFile: '',
dictMaxFilesExceeded: '',
accept: function(file, done) {
done();
}
}
CSS:
li {
list-style-type: none;
}
.submission_container {
margin: 0 auto;
}
.ledger_preview {
height: 7.647em;
width: 12em;
display: inline-block;
border: 1em solid #A3A3A3;
}
.dropzone {
text-align: right;
font-size: 8em;
font-weight: 900;
color: #A3A3A3;
display: inline-block;
width: 100%;
height: 100%;
}
FSFiddle(不包括PHP): http://jsfiddle.net/qo4cLeco/
尝试上传时,您是否在Web检查器中看到任何网络请求?你使用的是什么浏览器? –
我正在使用Chrome浏览器 - 似乎没有任何网络请求。我通过WAMP在本地运行所有这些,如果它有任何区别 – tomc
我不认为我需要它,因为它们没有在其示例中显示一个 http://www.dropzonejs.com/#usage – tomc