jquery ajaxfileupload插件的使用

布满荆棘的人生 2022-08-09 09:59 214阅读 0赞

jquery ajaxfileupload插件的使用，记下笔记方便后面查看![微笑][smile.gif]

上传页面：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
<title>上传物流信息</title>  
<script type="text/javascript" src="./js/jquery-1.7.2.min.js"></script>  
<script type="text/javascript" src="./js/ajaxfileupload.js"></script>  
<script type="text/javascript">  
$(function()\{  
  
  
/\*\*  
异步上传文件  
\*/  
$('\#filex').change(function()\{  
$.ajaxFileUpload(\{  
           url             : 'upfile.php', //需要链接到服务器地址  
           secureuri       : false,  
           fileElementId   : 'filex', //文件选择框的id属性  
           dataType        : 'text', //服务器返回的格式  
           success     : function(data,status) //相当于java中try语句块的用法  
           \{                 
                 
               if(data!='error')\{//上传成功，更新消息内容！！！  
console.log(data+"-------"+status);  
$('.up\_url').val(data);  
           \}else\{  
alert('文件发送失败！！！');  
console.log(data+"-------"+status);  
       \}  
           \},  
           error : function(data, status, e) //相当于java中catch语句块的用法  
           \{  
             alert('文件发送失败，请联系技术！！！'+status);  
           \}  
       \}  
       );  
\});  
  
  
\});  
</script>  
</head>  
<body>

上传：<input type="file" id="filex" name="file" /><br/><br/>  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  
<input type="text" readonly="readonly" name="up\_url" class="up\_url" />  
</form>  
</body>

</html>

异步上传后台代码：

upfile.php

<?php  
  
  
$fname=iconv("UTF-8","gbk//TRANSLIT",$\_FILES\['file'\]\['name'\]);  
      
    $url='./updata/'.date('Ymd',time());  
    cfile($url);  
    $arr=explode('.', $fname);  
    $s=count($arr);  
    $hj=$arr\[$s-1\];  
    $url.="/".rand(10000000, 99999999).".".$hj;  
    //$url.="/".$fname;  
    // echo $url;die;  
    if(move\_uploaded\_file($\_FILES\['file'\]\['tmp\_name'\],$url))\{  
    $msg=$url;  
    \}else\{  
    $msg= "error";  
    \}  
    echo $msg;  
  
  
  
  
    function cfile($y) \{   
if (! file\_exists ( $y )) \{  
cfile ( dirname ( $y ) );  
mkdir ( $y, 0777 );  
\}  
return $y;  
\}  
  
  
?>

<a href="http://download.csdn.net/detail/u010533511/9197005">下载ajaxfileupload.js</a>

[smile.gif]: /images/20220731/0297a55d99a24610907f977be1a7f05b.png