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