这里我用到了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); }