PHP结合zyupload多功能图片上传实例

zyUpload 是一个界面绝佳、体验超棒的 HTML5 上传插件。本文主要内容是PHP结合zyupload多功能图片上传实例，支持拖拽和裁剪，具有一定的参考价值，感兴趣的朋友了解一下哦！

zyupload上传基本配置

 1 $("#zyupload").zyUpload({ 
 2width: "650px", // 宽度  3height: "400px", // 宽度  4itemWidth: "140px", // 文件项的宽度  5itemHeight: "115px", // 文件项的高度  6url: "./up.php", // 上传文件的路径  7fileType: ["jpg", "png", "txt", "js"], // 上传文件的类型  8fileSize: 51200000, // 上传文件的大小  9multiple: true, // 是否可以多个文件上传 10dragDrop: true, // 是否可以拖动上传文件 11tailor: true, // 是否可以裁剪图片 12del: true, // 是否可以删除文件 13finishDel: false, // 是否在上传文件完成后删除预览 14/* 外部获得的回调接口 */ 15onSelect: function(selectFiles, allFiles) {    // 选择文件的回调方法  selectFile:当前选中的文件  allFiles:还没上传的全部文件 16    console.info("当前选择了以下文件："); 
17    console.info(selectFiles); 
18}, 
19onDelete: function(file, files) {    // 删除一个文件的回调方法 file:当前删除的文件  files:删除之后的文件 20    console.info("当前删除了此文件："); 
21    console.info(file.name); 
22}, 
23onSuccess: function(file, response) {// 文件上传成功的回调方法 24    console.info("此文件上传成功："); 
25    console.info(file.name); 
26    console.info("此文件上传到服务器地址："); 
27    console.info(response); 
28    $("#uploadInf").append("<p>上传成功，文件地址是：" + response + "</p>"); 
29}, 
30onFailure: function(file, response) {// 文件上传失败的回调方法 31    console.info("此文件上传失败："); 
32    console.info(file.name); 
33}, 
34onComplete: function(response) {  // 上传完成的回调方法 35    console.info("文件上传完成"); 
36    console.info(response); 
37} 
38 });

远程上传up.php

 1 $uploaddir = 'uploads/'; 
 2 $name = $_FILES['file']['name']; 
 3 $uploadfile = $uploaddir . $name; 
 4 $type = strtolower(substr(strrchr($name, '.'), 1)); 
 5 //获取文件类型  6   7 if (!in_array($type, $typeArr)) { 
 8echo "请上传jpg,png或gif类型的图片！"; 
 9exit; 
10 } 
11 print "<pre>"; 
12 if (move_uploaded_file($_FILES['file']['tmp_name'], $uploaddir . $_FILES['file']['name'])) { 
13print "File is valid, and was successfully uploaded.  Here's some more debugging info:\n"; 
14print_r($_FILES); 
15 } else { 
16print "Possible file upload attack!  Here's some debugging info:\n"; 
17print_r($_FILES); 
18 } 
19 print "</pre>";