我在這方面花了太多時間,並在這裏瀏覽了stackoverflow上的各種問題/答案。
我使用dropzone.js爲我們的HTML/PHP表單添加了基本的拖放上傳功能。拖放工作很好,但是當提交表單或上傳文件時,$ _FILES返回空白,我無法弄清楚。
我檢查了tutorial,沒有運氣,在posting之前也檢查了一些Q & A's從stackoverflow,但沒有任何幫助。
這是最簡單的形式形式:
<form action="<? echo BASE_URL; ?>/process-uploads.php" method="POST" class="form-signin" role="form" enctype="multipart/form-data">
<div class="upload_container dropzone">Drag & drop file here or
<div class="fallback">
<input name="ad" type="file" />
</div>
</div><!--fileUpload btn btn-primary-->
<div class="dropzone-previews"></div>
<input class="btn btn-lg btn-primary btn-block btn-forward" style="background:#00a85a;" type="submit" name="submit" value="Next Step" />
</form>
的JS是:
<script type="text/javascript">
var myDropzone = new Dropzone(".dropzone", {
url: "<? echo BASE_URL; ?>/process-uploads.php/",
paramName: "ad",
addRemoveLinks: true,
//maxFiles: 1,
autoProcessQueue: false,
//uploadMultiple: false,
acceptedFiles: "image/png",
dictInvalidFileType: "This file type is not supported.",
});
</script>
和過程upload.php的只是檢查,看看是否有任何被髮送,但返回空:
<?php
if (!empty($_FILES)) {
echo 'We have a file';
if($_FILES['ad']) {
echo 'We grabbed the ad<br />';
echo '<pre>';
var_dump($_FILES);
echo '</pre>';
}
}
?>
任何幫助將不勝感激。僅供參考我已經籤enyo的教程combining a form with dropzone and php
你可以嘗試給一個類「懸浮窗」到表單太的文件? – 2015-01-09 17:54:11
按照http://www.dropzonejs.com/您應該給'標籤'