主页 > 知识库 > 基于Ajaxupload的多文件上传操作

基于Ajaxupload的多文件上传操作

热门标签:Linux服务器 电子围栏 阿里云 银行业务 团购网站 服务器配置 科大讯飞语音识别系统 Mysql连接数设置

废话不多说了,直接给大家贴代码了,具体代码如下所示:

pre name="code" class="php">?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); 
?>/pre>br> 
!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> 
pre>/pre> 
p>br> 
/p> 
p>br> 
/p> 
p>br> 
/p> 
br> 

总结

以上所述是小编给大家介绍的基于Ajaxupload的多文件上传操作,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

您可能感兴趣的文章:
  • jquery插件ajaxupload实现文件上传操作
  • 使用jQuery ajaxupload插件实现无刷新上传文件

标签:衢州 蚌埠 广元 大理 萍乡 江苏 枣庄 衡水

巨人网络通讯声明:本文标题《基于Ajaxupload的多文件上传操作》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266