zyupload四种不同的PHP上传demo

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>";
zyupload四种不同的PHP上传demo的更多相关文章
- 《手把手教你》系列技巧篇(五十四)-java+ selenium自动化测试-上传文件-中篇(详细教程)
1.简介 在实际工作中,我们进行web自动化的时候,文件上传是很常见的操作,例如上传用户头像,上传身份证信息等.所以宏哥打算按上传文件的分类对其进行一下讲解和分享. 2.为什么selenium没有提供 ...
- shutil模块和几种文件上传Demo
一.shutil模块 1.介绍 shutil模块是对os中文件操作的补充.--移动 复制 打包 压缩 解压 2.基本使用 1. shutil.copyfileobj(文件1, 文件2, 长度) 将文件 ...
- webuploader 跨域上传demo(还没有写记录一下)
webuploader 跨域上传demo(还没有写记录一下)
- jquery.form 和MVC4做无刷新上传DEMO
jquery.form 和MVC4做无刷新上传DEMO HTML: <script src="~/Scripts/jquery-1.10.2.min.js"></ ...
- 分享图片压缩上传demo,可以选择一张或多张图片也可以拍摄照片
2016-08-05更新: 下方的代码是比较OLD的了,是通过js进行图片的剪切 旋转 再生成,效率较低. 后来又整合了一个利用native.js本地接口的压缩代码 ,链接在这 .页面中有详细的说明, ...
- SpringMVC(四)SpringMVC实现文件上传、异常拦截去、整合SSM
个人博客网:https://wushaopei.github.io/ (你想要这里多有) 一.文件上传 文件上传在SpringMVC中如何实现: 准备一个文件上传的表单 导入文件上传需要的jar ...
- 淘宝(阿里百川)手机客户端开发日记第十四篇 jsp提交含有上传控件表单乱码问题
今天我来总结昨天开发的一个简单的jsp web 应用程序时,在做一个调教表单,从servlet端获取数据,这个表单里含有上传文件控件.如果我们在测试的时候,获取数据的是乱码,这时,大家可以先去掉上传控 ...
- mvc5 + ef6 + autofac搭建项目(四).1视屏上传生成截图
即上一篇中上传涉及到的 一个视频生成截图的问题,这个很简单,这是上一篇中的代码片段 #region 视频上传,生成默认展示图片(自动剪切) try { string fileSavePath = Da ...
- Struts2学习(四)利用ajax异步上传
上一篇说到怎样在struts2中进行上传下载.我们使用了struts的标签通过表单提交的方式,但大家知道表单提交会造成页面总体的刷新,这样的方式很不友好,那我们今天就来说说怎样结合ajax方式进行异步 ...
随机推荐
- 基础总结(02)--BFC(块级格式化上下文)
BFC(块级格式化上下文)布局规则 1.元素垂直排列. 2.同一个BFC相邻两个元素的margin会重叠. 3.BFC区域不会与浮动元素重叠. 4.BFC就是页面上的一个隔离的独立容器,容器里面的子元 ...
- js关闭浏览器
不存在的 告诉策划:不好意思,这个需求实现不了. 旧版本浏览器有些支持window.close()方法,目前主流浏览器都不支持,就算让你 ...
- Comparator与Comparable,自定义排序和类比较器,TreeSet对象排序
/** * 学生类 * @author Administrator * */ public class Student { private String sno ; private String sn ...
- IDE 热部署配置
从eclipse切换到IDE,遇到应用不能热部署问题,解决如下 1.tomcat 中server配置下面三点需要注意 2.tomcat的deployment 中 需要选择war exploded而不是 ...
- uni-app 调用支付宝支付
本文讲解 uni-app如何调用支付宝进行支付,服务端为 .net编写. 客户端:uni-app 编写 1.根据服务端生成的订单信息发起支付. 服务端:.net 编写 1.生成订单信息.2.接收支 ...
- darknet训练yolov3时的一些注意事项
训练需要用到的文件: 1) .data文件.该文件包含一些配置信息,具体为训练的总类别数,训练数据和验证数据的路径,类别名称,模型存放路径等. 例如coco.data classes= 8 ...
- HttpClient 302重定向
CloseableHttpClient是线程安全的,单个实例可用于处理多个HTTP请求,Http Client会自动处理所有的重定向,关闭自动重定向需要设定disableAutomaticRetrie ...
- Photoshop CC安装与破解方法
下载Photoshop CC与破解补丁 破解补丁就一个文件,amtlib.dll 断网安装Photoshop CC,提示登录选择稍后登录即可 安装成功后将破解补丁安装根目录的amtlib.dll替换即 ...
- Python module ---- re
Python 的 re 模块(Regular Expression 正则表达式)提供各种正则表达式的匹配操作,在文本解析.复杂字符串分析和信息提取时是一个非常有用的工具.python的re模块,在绝大 ...
- C++的ch1&ch2的整理
C++:带泪的C,意指学C语言的时候没有好好学,在学习此门课时会流下不学无术的泪水(仅对于我个人). 计算机程序语言的发展:机器语言[计算机可以识别的二进制指令]——>汇编语言[将机器指令转化为 ...