基于ajaxupload的多文件上传
来源:互联网 发布:影楼相册制作软件 编辑:程序博客网 时间:2024/06/05 03:59
<?php$ele = $_GET['ele'];$file = $_FILES['thumb_'.$ele];$pathinfo = pathinfo($file['name']);$filedir = 'uploads/' . date('Y');if (!is_dir($filedir)){mkdir($filedir);}$filedir .= '/' . date('md');if (!is_dir($filedir)){mkdir($filedir);}$filedir .= '/' . time() . '_' . mt_rand(1000, 9999) . '.' . $pathinfo['extension'];$msg = '';if (!move_uploaded_file($file['tmp_name'], $filedir)){$msg = '上传失败';}$data = array('msg' => $msg, 'filedir' => $filedir);sleep(2);echo json_encode($data);?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gbk" /><title>Ajax上传</title><script src="jquery-1.4.4.min.js" type="text/javascript"></script><script src="ajaxfileupload.js" type="text/javascript"></script><script type="text/javascript">function fileupload( ele ){$("#loading").ajaxStart(function() {jQuery("#photoImg").hide();jQuery(this).show();}).ajaxComplete(function() {jQuery(this).hide();jQuery("#photoImg").show();});$.ajaxFileUpload({url: "index.php?ele="+ele,secureuri: false,fileElementId: "thumb_"+ele,dataType: "json",success: function(data, status) {if(data.msg != '') {alert(data.msg);}else {$("[name='photo_"+ele+"']").val(data.filedir);$("#photoImg_"+ele).attr("src", data.filedir);}},error: function (data, status, e) {alert(e);}})return false;}</script></head><body><!-- 第一个ajax上传 --><input type="file" id="thumb_1" name="thumb_1" onchange="return fileupload('1');" /><div><img src="ajaxLoading.gif" id="loading" style="display: none" /><img src="" id="photoImg_1" width="200px" height="150px" /><input type="text" name="photo_1" size=100/></div><hr/><!-- 第二个ajax上传 --><input type="file" id="thumb_2" name="thumb_2" onchange="return fileupload('2');" /><div><img src="ajaxLoading.gif" id="loading" style="display: none" /><img src="" id="photoImg_2" width="200px" height="150px" /><input type="text" name="photo_2" size=100 /></div><!-- 第二个ajax上传 --><input type="file" id="thumb_2" name="thumb_2" onchange="return fileupload('2');" /><div><img src="ajaxLoading.gif" id="loading" style="display: none" /><img src="" id="photoImg_2" width="200px" height="150px" /><input type="text" name="photo_2" size=100 /></div><a>添加</a></body></html>
阅读全文
1 0
- 基于ajaxupload的多文件上传
- 基于jquery的上传文件插件ajaxUpload
- AjaxUpLoad.js文件上传插件的使用
- AjaxUpload上传文件
- 使用Ajaxupload.js上传文件
- 文件上传二之ajaxupload
- 使用Ajaxupload.js上传文件
- 使用Ajaxupload.js上传文件
- 使用Ajaxupload.js上传文件
- jquery ajaxupload实现打开文件夹上传指定位置的文件
- query AjaxUpload实现多文件上传功能代码实例教程
- AjaxUpLoad.js使用实现文件上传
- AjaxUpLoad.js使用实现文件上传
- jquery插件ajaxupload实现文件上传操作
- 关于ajaxupload.js实现文件上传内容
- Ajax Upload多文件上传插件介绍 ( github上Api ) -- AjaxUpload上传超时提示.
- ajaxUpload异步上传文件成功,前端获取数据却失败的解决方案
- Jquery AjaxUpload实现文件上传功能代码实例教程
- 两个字符驱动实例second 及 globalfifo
- Convert Oracle Restart to Cluster
- 关闭端口脚本.bat
- 解决cxf2.2.3客户端动态调用与jdk1.7不兼容问题
- Android Studio建立jni开发环境
- 基于ajaxupload的多文件上传
- CentOS配置SDK环境变量
- 判断一个文件夹是远程还是本地
- 问题汇总
- Java中的Switch用法
- 多分类学习
- HBase-scan API 通过scan读取表中数据
- redis---一致性hash特性及java实现
- vue登录拦截