Dropzone.js多文件上传器处理程序

时间:2016-10-28 03:05:43

标签: javascript php html dropzone.js

我最近尝试为dropzone.js添加服务器端处理程序,并关注此视频,因为我对PHP知之甚少: https://www.youtube.com/watch?v=QVEv62wKbOc

我添加了所有脚本,但是当我点击"查看上传"它打印出来"&#34 ;; echo $ output;"在一个空白页面。此外,即使正在上传的文件的动画成功,该文件也永远不会在"上传"夹。 (它应该预览所有上传的图片,如视频9:32上的视频所示)

以下是我添加的所有内容。 (不包括dropzone.js和dropzone.css文件,因为它们没有进行任何更改)它当前托管在本地主机上。

parser.php:



<?php

if(!empty($_FILES)){
	
	$temp = $_FILES['file']['tmp_name'];
	$dir_separator = DIRECTORY_SEPARATOR;
	$folder = "uploads";

	$destination_path = dirname(__FILE__).$dir_separator.$folder.$dir_separator;

	$target_path = $destination_path.$_FILES['file']['name'];
	move_uploaded_file($temp, $target_path);
} ?>
&#13;
&#13;
&#13;

view_upload.php:

&#13;
&#13;
<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>View Upload</title>
</head>
<body>

<?php
	$folder = "uploads";

	if(is_dir($folder)){
		$handler = opendir($folder);
		$output = "";

		while($files = readdir($handler)){
			if(!is_dir($files)){
				$output .= "<img src=\"uploads/{$files}\" width='180' height='180'>";
			}
		}

	}

	echo $output; ?>

</body>

</html>
&#13;
&#13;
&#13;

我的index.html的片段:

&#13;
&#13;
    <header>
        <!-- Uploader -->
		<link href="dropzone.css" type="text/css" rel="stylesheet" />
		<script src="dropzone.js"></script>
	</header>
    <body>
        <div class="uploadingFiles">
            <form action="parser.php" class="dropzone"></form>
    		<p><a href="view_upload.php">View Upload</a></p>
    	</div>
    </body>
&#13;
&#13;
&#13;

我也注意到当我点击&#34;查看上传&#34;整个剧本变成了评论,但我不确定这与它有什么关系。

&#13;
&#13;
<body>

<!--?php
	$folder = "uploads";

	if(is_dir($folder)){
		$handler = opendir($folder);
		$output = "";

		while($files = readdir($handler)){
			if(!is_dir($files)){
				$output .= "<img src=\"uploads/{$files}\" width='180' height='180'-->";
			}
		}

	}

	echo $output;



</body>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

尝试更改此行: $destination_path = dirname(__FILE__).$dir_separator.$folder.$dir_separator;$destination_path = $folder.$dir_separator; 并查看是否能解决问题

相关问题