联系电话:0755-27515592
最新动态:

PHP教程

你的位置: 首页>>智慧亿恩>>PHP教程

php 异步上传图片几种方法总结

点击数:14912015-07-17 09:50:39 来源: 外贸网站建设,深圳外贸网站建设,深圳网站建设,外贸商城网站制作-亿恩科技

新闻摘要:要实现异步上传图片方法有常用的有二种,一种是利用iframe实现,另一种是借助于ajax来实现一般用第三方插件了,上传图片form提交target到一个隐藏的iframe里,代码如下 : form action = upload.php

要实现异步上传图片方法有常用的有二种,一种是利用iframe实现,另一种是借助于ajax来实现一般用第三方插件了,上传图片form提交target到一个隐藏的iframe里,代码如下 :

  1. form action="upload.php" id="form1" name="form1" enctype="multipart/form-data" method="post" target="uploadIframe">  
  2. <!--上传图片页面  -->  
  3. </form>  
  4. <iframe name="uploadIframe" id="uploadIframe" style="display:none"></iframe> 

然后后台处理完上传图片逻辑后返回给前台,利用ajax修改当前页面DOM对象实现无刷新上传图片的友好功能,实例代码如下:a.html

  1. <form enctype="multipart/form-data" action="a.php" target="ifram_sign" method="POST"> 
  2.         <input name="submit" id="submit" value="" type="hidden"> 
  3.         <label>上传文件: <input name="test_file" type="file" id="test_file" size="48"></label> 
  4.         <input type="image" value="立即上传" id="submit_btn"> 
  5.  </form> 
  6.  
  7. <iframe name="ifram_sign" src="" frameborder="0" height="0" width="0" marginheight="0" marginwidth="0"></iframe> 

PHP代码如下:

  1. <?php 
  2. if ($_FILES["test_file"]["error"] > 0) 
  3.   { 
  4.   echo "Error: " . $_FILES["test_file"]["error"] . "<br />"
  5.   }//开源代码vcphp.com 
  6. else 
  7.   { 
  8. //这里的判断图片属性的方法就不写了。自己扩展一下。 
  9.   $filetype=strrchr($_FILES["test_file"]["name"],"."); 
  10.   $filetype=substr($filetype,1,strlen($filetype));  
  11.   $filename="img/".time("YmdHis").".".$filetype
  12.   move_uploaded_file($_FILES["test_file"]["tmp_name"],$filename); 
  13.   echo '<script >alert(1)</script>'
  14.   $return="parent.document.getElementByIdx_x('mpic".$pageset_id."').innerHTML='".$dataimgpath."'"
  15.   echo "<script >alert('上传成功')</script>"
  16.   echo "<script>{$return}</script>"
  17.   } 
  18. ?> 

其实jquery ajax图片异步上传,HTML:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  2.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml" lang="en_US" xml:lang="en_US"> 
  5.  
  6. <head> 
  7.   <title>图片异步上传</title> 
  8. </head> 
  9.  
  10. <script type="text/javascript" src="js/jquery.js"></script> 
  11. <script type="text/javascript" src="js/index.js"></script> 
  12. <link type="text/css" rel="stylesheet" href="css/index.css"> 
  13.  
  14. <body> 
  15.  <div class="frm"> 
  16.   <form name="uploadFrom" id="uploadFrom" action="upload.php" method="post"  target="tarframe" enctype="multipart/form-data"> 
  17.    <input type="file" id="upload_file" name="upfile"> 
  18.   </form> 
  19.   <iframe src=
    【责任编辑:(Top) 返回页面顶端
贴心
全国7×24小时客服热线
安全
病毒杀除率高于99%
稳定
网站可用性高于99.9%
实力
服务68家上市企业及集团公司
  • 中国·深圳·总部
  • 电话:0755-27515592
  • Q Q:1651353007
  • 地址:深圳市坪山区坑梓街道梓横西路49号D栋7F
  • 广州分公司
  • 电话:020-36673373
  • Q Q:1587248488
  • 地址:广州市流花路11号西郊大厦A座5021室
亿恩科技手机站
关注亿恩科技微信

亿恩科技—企业信息化一站式服务专家


Copyright © 2008- 深圳市亿恩科技有限公司版权所有 粤ICP备15056041号

联系我们 | 常见问题 | 在线留言 | 支付方式 | 软件开发 | 我的观点 | 资质荣誉 | 服务流程