简单使用dropzpne.js，点击/拖拽上传多图与php的交互

hi~这是我的第一篇博客 ，感谢您的浏览，希望对您有帮助。

废话不多说 ：

首先，下载dropzone.js 。

https://raw.githubusercontent.com/enyo/dropzone/master/dist/dropzone.js  这是下载网址。

然后 在 html里 添加 

<form action="uppic.php" class="dropzone">

 </form>

uppic.php为你要处理图片的php。

下面贴出uppic.php代码

<?php 


/**
*我做的事根据不同的用户上传图片建立不同的文件夹，
*也就是说一个用户对应一个文件夹装自己上传的图片
*/
require_once 'include.php';  //连接数据库（要自己写哦）这里我就不贴了


$path = $_SERVER['DOCUMENT_ROOT']."/haotu/uploads/";//保存图片文件夹的目录


function createFolder($path) //判断该文件是否存在 /不存在就创建的函数
{ 
if (!file_exists($path)) 
{  
return mkdir($path, 0777); 
} 
} 
$fileName = $_SESSION['username'];


createFolder("$path".$fileName);//执行该方法


$targetPath= "$path".$fileName."/";//目标文件夹


@$targetFile =  $targetPath. $_FILES['file']['name']; //上传目的图片路径src


@$tempFile = $_FILES['file']['tmp_name']; //当前图片


$pic = "uploads/".$fileName."/". $_FILES['file']['name'];//存在数据库的图片路径


move_uploaded_file($tempFile,$targetFile); //将图片复制到指定目录




//下面是上传数据库的东西，可忽略

// $img_path = $targetFile;
// $img_name = $_POST['subject'];
// $img_dis = $_POST['dis'];
// $img_zhuozhe = $_POST['author'];
// $sql ="";

// $sql = "INSERT INTO upimgs(userName, imgAddr, picName, picDis, picZhuoZhe)
 //         VALUES ('$fileName','$pic','$img_name','$img_dis','$img_zhuozhe')";
  
 //     myInsert($sql);
    
 //     alertMes("上传成功","index.php");
?>

效果图