• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    基于Ajaxupload的多文件上传操作

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

    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插件实现无刷新上传文件
    上一篇:kkpager 实现ajax分页查询功能
    下一篇:Ajax实现动态加载组合框的实例代码
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯

    时间:9:00-21:00 (节假日不休)

    地址:江苏信息产业基地11号楼四层

    《增值电信业务经营许可证》 苏B2-20120278

    基于Ajaxupload的多文件上传操作 基于,Ajaxupload,的,多,文件,