【php ajax实现文件无刷新上传文件】PHP+Ajax实现文件无刷新上传文件代码

PHP + jQuery Ajax文件上传实例。因为看到一些朋友询问如何实现PHP环境下的网页上传功能，自己这几天刚用了jQuery_upload_multiple上传插件，所以在这里把用法给大家说一下。

要实现基于这个插件的上传功能，其实挺简单，需要jquery就行了，另外还有一个上传文件时的PHP程序，费话不多说，先看下面的HTML，也就是带有上传表单，让用户选择上传文件的页面：

 

 代码如下



<script type="text/javascript" src="/ajaxjs/jquery-1.6.2.min.js"></script>




 
 
 
 
 
 
 


<script type="text/javascript">
$(document).ready(function(){
 //响应文件添加成功事件
 $("#inputfile").change(function(){
  //创建FormData对象
  var data = new FormData();
  //为FormData对象添加数据
  $.each($("#inputfile")[0].files, function(i, file) {
   data.append("upload_file"+i, file);
  });
  $(".loading").show(); //显示加载图片
  //发送数据
  $.ajax({
   url:"submit_form_process.php",
   type:"POST",
   data:data,
   cache: false,
   contentType: false, //不可缺参数
   processData: false,  //不可缺参数
   success:function(data){
    data = $(data).html();
    //第一个feedback数据直接append，其他的用before第1个（ .eq(0).before() ）放至最前面。
    //data.replace(/</g,"<").replace(/>/g,">") 转换html标签，否则图片无法显示。
    if($("#feedback").children("img").length == 0) $("#feedback").append(data.replace(/</g,"<").replace(/>/g,">"));
    else $("#feedback").children("img").eq(0).before(data.replace(/</g,"<").replace(/>/g,">"));
    $(".loading").hide(); //加载成功移除加载图片
   },
   error:function(){
    alert("上传出错");
    $(".loading").hide(); //加载失败移除加载图片
   }
  });
 });
});
</script>

接下来是上传图片的PHP文件代码：文件名：submit_form_process.php

 代码如下

header("content-type:text/html charset:utf-8");
$dir_base = "./files/"; //文件上传根目录
//没有成功上传文件，报错并退出。
if(empty($_FILES)) {
 echo "<img src="{$dir_base}error.jpg"/>";
 exit(0);
}
$output = "";<br /> $index = 0; //$_FILES 以文件name为数组下标，不适用foreach($_FILES as $index=>$file)<br /> foreach($_FILES as $file){<br />  $upload_file_name = "upload_file" . $index;//对应index.html FomData中的文件命名<br />  $filename = $_FILES[$upload_file_name]["name"];<br />  $gb_filename = iconv("utf-8","gb2312",$filename); //名字转换成gb2312处理<br />  //文件不存在才上传<br />  if(!file_exists($dir_base.$gb_filename)) {<br />   $isMoved = false;  //默认上传失败<br />   $MAXIMUM_FILESIZE = 1 * 1024 * 1024;  //文件大小限制 1M = 1 * 1024 * 1024 B;<br />   $rEFileTypes = "/^＼.(jpg|jpeg|gif|png){1}$/i"; <br />   if ($_FILES[$upload_file_name]["size"] <= $MAXIMUM_FILESIZE && <br />    preg_match($rEFileTypes, strrchr($gb_filename, "."))) { <br />    $isMoved = @move_uploaded_file ( $_FILES[$upload_file_name]["tmp_name"], $dir_base.$gb_filename);  //上传文件<br />   }<br />  }else{<br />   $isMoved = true;//已存在文件设置为上传成功<br />  }<br />  if($isMoved){<br />   //输出图片文件<img>标签<br />   //注：在一些系统src可能需要urlencode处理，发现图片无法显示，<br />   //    请尝试 urlencode($gb_filename) 或 urlencode($filename)，不行请查看HTML中显示的src并酌情解决。<br />   $output .= "<img src="{$dir_base}{$filename}" title="{$filename}" alt="{$filename}"/>";<br />  }else {<br />   $output .= "<img src="{$dir_base}error.jpg" title="{$filename}" alt="{$filename}"/>";<br />  }<br />  $index++;<br /> }<br /> echo $output."";

【php ajax实现文件无刷新上传文件】PHP+Ajax实现文件无刷新上传文件代码

http://m.bbyears.com/wangyezhizuo/56274.html

推荐访问: