2015-11-01 61 views
0

我试过了一切,我只是不能让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/

+0

尝试上传时,您是否在Web检查器中看到任何网络请求?你使用的是什么浏览器? –

+0

我正在使用Chrome浏览器 - 似乎没有任何网络请求。我通过WAMP在本地运行所有这些,如果它有任何区别 – tomc

+0

我不认为我需要它,因为它们没有在其示例中显示一个 http://www.dropzonejs.com/#usage – tomc

回答

0

所以事实证明我误解了发生的事情的机制。当我期待页面重新加载时,这些文件通过ajax调用提交。当我使用将文件粘贴到服务器上所需的代码替换我的PHP时,代码似乎工作正常。