PHP结合zyupload多功能图片上传实例,支持拖拽和裁剪、可以自定义高度和宽度,类型,远程上传地址等。
zyupload上传基本配置
-
$("#zyupload").zyUpload({
-
width: "650px", // 宽度
-
height: "400px", // 宽度
-
itemWidth: "140px", // 文件项的宽度
-
itemHeight: "115px", // 文件项的高度
-
url: "./up.php", // 上传文件的路径
-
fileType: ["jpg", "png", "txt", "js"], // 上传文件的类型
-
fileSize: 51200000, // 上传文件的大小
-
multiple: true, // 是否可以多个文件上传
-
dragDrop: true, // 是否可以拖动上传文件
-
tailor: true, // 是否可以裁剪图片
-
del: true, // 是否可以删除文件
-
finishDel: false, // 是否在上传文件完成后删除预览
-
/* 外部获得的回调接口 */
-
onSelect: function(selectFiles, allFiles) { // 选择文件的回调方法 selectFile:当前选中的文件 allFiles:还没上传的全部文件
-
console.info("当前选择了以下文件:");
-
console.info(selectFiles);
-
},
-
onDelete: function(file, files) { // 删除一个文件的回调方法 file:当前删除的文件 files:删除之后的文件
-
console.info("当前删除了此文件:");
-
console.info(file.name);
-
},
-
onSuccess: function(file, response) { // 文件上传成功的回调方法
-
console.info("此文件上传成功:");
-
console.info(file.name);
-
console.info("此文件上传到服务器地址:");
-
console.info(response);
-
$("#uploadInf").append("
上传成功,文件地址是:"
+ response + "");
-
},
-
onFailure: function(file, response) { // 文件上传失败的回调方法
-
console.info("此文件上传失败:");
-
console.info(file.name);
-
},
-
onComplete: function(response) { // 上传完成的回调方法
-
console.info("文件上传完成");
-
console.info(response);
-
}
-
});
远程上传up.php
-
$uploaddir = 'uploads/';
-
$name = $_FILES['file']['name'];
-
$uploadfile = $uploaddir . $name;
-
$type = strtolower(substr(strrchr($name, '.'), 1));
-
//获取文件类型
-
-
if (!in_array($type, $typeArr)) {
-
echo "请上传jpg,png或gif类型的图片!";
-
exit;
-
}
-
print "
"
;
-
if (move_uploaded_file($_FILES['file']['tmp_name'], $uploaddir . $_FILES['file']['name'])) {
-
print "File is valid, and was successfully uploaded. Here's some more debugging info:\n";
-
print_r($_FILES);
-
} else {
-
print "Possible file upload attack! Here's some debugging info:\n";
-
print_r($_FILES);
-
}
-
print "";
本实例教程转自,需要的朋友可以去下载
阅读(1750) | 评论(0) | 转发(0) |