贴心
                全国7×24小时客服热线
            安全
                病毒杀除率高于99%
            稳定
                网站可用性高于99.9%
            实力
                服务68家上市企业及集团公司
            
  点击数:17382015-07-17 09:50:39 来源: 外贸网站建设,深圳外贸网站建设,深圳网站建设,外贸商城网站制作-亿恩科技
要实现异步上传图片方法有常用的有二种,一种是利用iframe实现,另一种是借助于ajax来实现一般用第三方插件了,上传图片form提交target到一个隐藏的iframe里,代码如下 :
- form action="upload.php" id="form1" name="form1" enctype="multipart/form-data" method="post" target="uploadIframe">
 - <!--上传图片页面 -->
 - </form>
 - <iframe name="uploadIframe" id="uploadIframe" style="display:none"></iframe>
 
然后后台处理完上传图片逻辑后返回给前台,利用ajax修改当前页面DOM对象实现无刷新上传图片的友好功能,实例代码如下:a.html
- <form enctype="multipart/form-data" action="a.php" target="ifram_sign" method="POST">
 - <input name="submit" id="submit" value="" type="hidden">
 - <label>上传文件: <input name="test_file" type="file" id="test_file" size="48"></label>
 - <input type="image" value="立即上传" id="submit_btn">
 - </form>
 - <iframe name="ifram_sign" src="" frameborder="0" height="0" width="0" marginheight="0" marginwidth="0"></iframe>
 
PHP代码如下:
- <?php
 - if ($_FILES["test_file"]["error"] > 0)
 - {
 - echo "Error: " . $_FILES["test_file"]["error"] . "<br />";
 - }//开源代码vcphp.com
 - else
 - {
 - //这里的判断图片属性的方法就不写了。自己扩展一下。
 - $filetype=strrchr($_FILES["test_file"]["name"],".");
 - $filetype=substr($filetype,1,strlen($filetype));
 - $filename="img/".time("YmdHis").".".$filetype;
 - move_uploaded_file($_FILES["test_file"]["tmp_name"],$filename);
 - echo '<script >alert(1)</script>';
 - $return="parent.document.getElementByIdx_x('mpic".$pageset_id."').innerHTML='".$dataimgpath."'";
 - echo "<script >alert('上传成功')</script>";
 - echo "<script>{$return}</script>";
 - }
 - ?>
 
其实jquery ajax图片异步上传,HTML:
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 - "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 - <html xmlns="http://www.w3.org/1999/xhtml" lang="en_US" xml:lang="en_US">
 - <head>
 - <title>图片异步上传</title>
 - </head>
 - <script type="text/javascript" src="js/jquery.js"></script>
 - <script type="text/javascript" src="js/index.js"></script>
 - <link type="text/css" rel="stylesheet" href="css/index.css">
 - <body>
 - <div class="frm">
 - <form name="uploadFrom" id="uploadFrom" action="upload.php" method="post" target="tarframe" enctype="multipart/form-data">
 - <input type="file" id="upload_file" name="upfile">
 - </form>
 - <iframe src=
 
亿恩科技手机站
        
关注亿恩科技微信