php+ajax(jquery)的文件异步上传

    这里我用到了ajaxFileUpload插件。

    基本用法：

　

 1 $.ajaxFileUpload({
 2 
 3         url:'',//单引号间填写上传处理文件的路径。
 4 
 5         fileElementId:'',//单引号间填写上传文件的id。
 6 
 7         secureuri:'',//单引号间填写的内容表示是否安全提交，默认填写false。
 8 
 9         dataType:'',//单引号间填写经服务器处理之后返回的数据类型，这里有xml,script,json,html,text。
10 
11         data:'',//单引号间填写填写除文件信息外的其它信息，用json数据格式。
12 
13         type:'',//单引号间填写提交信息是的方法，常用的有post和get。
14 
15         success:function(data,status){},//参数data为后台处理文件返回的数据，status是返回的状态，这里有error、success、timeout。{}之间是对返回结果的处理。
16 
17         error:function(data,status,e){}//data和error参数同上，e是异常信息。
18 
19     })

 

    例子：

    首先是fileupload.html

<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf8">
<script type="text/javascript" src="../js/jquery.js"></script> 
<script type="text/javascript" src="../js/jquery.min.js"></script> 
<script type="text/javascript" src="../js/ajaxfileupload.js"></script>
<script type="text/javascript" src="../js/upload.js" charset="utf-8"></script>
</head>

<body>

<form action="" method="post" enctype="multipart/form-data" name="form1" id="myform">
     <input type="area" name="desmsg" id="desmsg" />
     <input type="file" name="filemsg" id="filemsg" />
     <input type="button" name="Submit" value="上 传"  onclick="ajaxImgUpload()" />

</form>
</html>

 

    然后upload.js

function ajaxImgUpload(){
             $.ajaxFileUpload
                     (
                       {
                            url:'upfile.php', //你处理上传文件的后台文件
                            type:'POST',
                            secureuri:false,
                            fileElementId:'filemsg',
                            dataType: 'json',
                            data:{describe:$("#desmsg").val()},
                            success: function (data,status)
                            {

                                //对返回结果的处理程序

                            },
                            error:function(data,status,e){

                                //对返回结果的处理程序

                            }

                        }

                      )
}

 

    最后是upfile.php

<?php

$myfile=$_FILES["filemsg"];
$describe=$_POST["describe"];


$fileTypeArray=array(
'application/vnd.ms-excel',
'text/plain',
'application/msword',
'application/zip',
'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
'application/vnd.openxmlformats-officedocument.wordprocessingml.template',
'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
'application/octet-stream'
);
$filename=myfile["name"];
$filetype=myfile["type"];
$filesize=myfile["size"];
$fileerror=myfile["error"];
if(in_array($filetype,$fileTypeArray)){
//限制大小
if($filesize<1024*1024*1024){
if($fileerror>0){
echo json_encode(myfile);
}else{
if(file_exists(iconv("UTF-8", "gb2312","../file/".$filename))){//防止中文乱码

myfile["myallowerror"]=$filename."已经存在!无需上传";
$url="../file/".$filename;
myfile["url"]=$url;
echo json_encode(myfile);

}else{
move_uploaded_file(myfile["tmp_name"],iconv("UTF-8", "gb2312","../file/".$filename));
$url="../file/".$filename;

echo json_encode(myfile);
}
}
}
}else{
myfile["myerror"]="不符合的文件类型";
echo json_encode(myfile);
}

 

 

    

posted @ 2017-04-09 20:47  破碎中的麦粒  阅读(5871)  评论(0)  编辑  收藏  举报