PHP结合zyupload多功能图片上传实例
内容导读
收集整理的这篇技术教程文章主要介绍了PHP结合zyupload多功能图片上传实例,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2673字,纯文字阅读大概需要4分钟。
内容图文
zyUpload 是一个界面绝佳、体验超棒的 HTML5 上传插件。本文主要内容是PHP结合zyupload多功能图片上传实例,支持拖拽和裁剪,具有一定的参考价值,感兴趣的朋友了解一下哦!zyupload上传基本配置
1 $("#zyupload").zyUpload({ 2 width: "650px", // 宽度 3 height: "400px", // 宽度 4 itemWidth: "140px", // 文件项的宽度 5 itemHeight: "115px", // 文件项的高度 6 url: "./up.php", // 上传文件的路径 7 fileType: ["jpg", "png", "txt", "js"], // 上传文件的类型 8 fileSize: 51200000, // 上传文件的大小 9 multiple: true, // 是否可以多个文件上传 10 dragDrop: true, // 是否可以拖动上传文件 11 tailor: true, // 是否可以裁剪图片 12 del: true, // 是否可以删除文件 13 finishDel: false, // 是否在上传文件完成后删除预览 14 /* 外部获得的回调接口 */ 15 onSelect: function(selectFiles, allFiles) { // 选择文件的回调方法 selectFile:当前选中的文件 allFiles:还没上传的全部文件 16 console.info("当前选择了以下文件:"); 17 console.info(selectFiles); 18 }, 19 onDelete: function(file, files) { // 删除一个文件的回调方法 file:当前删除的文件 files:删除之后的文件 20 console.info("当前删除了此文件:"); 21 console.info(file.name); 22 }, 23 onSuccess: 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 }, 30 onFailure: function(file, response) { // 文件上传失败的回调方法 31 console.info("此文件上传失败:"); 32 console.info(file.name); 33 }, 34 onComplete: 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)) { 8 echo "请上传jpg,png或gif类型的图片!"; 9 exit; 10 } 11 print "<pre>"; 12 if (move_uploaded_file($_FILES['file']['tmp_name'], $uploaddir . $_FILES['file']['name'])) { 13 print "File is valid, and was successfully uploaded. Here's some more debugging info:n"; 14 print_r($_FILES); 15 } else { 16 print "Possible file upload attack! Here's some debugging info:n"; 17 print_r($_FILES); 18 } 19 print "</pre>";
相关教程:PHP视频教程
以上就是PHP结合zyupload多功能图片上传实例的详细内容,更多请关注Gxl网其它相关文章!
内容总结
以上是为您收集整理的PHP结合zyupload多功能图片上传实例全部内容,希望文章能够帮你解决PHP结合zyupload多功能图片上传实例所遇到的程序开发问题。 如果觉得技术教程内容还不错,欢迎将网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。