<![CDATA[向东博客 专注WEB应用 构架之美 --- 构架之美，在于尽态极妍 | 应用之美，在于药到病除]]> http://jackxiang.com/index.php zh-cn http://jackxiang.com/post// <![CDATA[jquer取得图片src的方法，以及结合iframe后台提交的方法]]> jack <xdy108@126.com> Thu, 29 Oct 2009 03:12:41 +0000 http://jackxiang.com/post//

<iframe  frameborder=0 style="width:350px;height:60px;padding:0px;border:0px;background:#fff" src="?act=upload"></iframe>


上传接口iframe回调主窗口的函数，有点类似与ajax：

if($_GET['act']=='upload'){
  if($_POST['upload']=='upload'){
    
    $uploaddir ='upload/';
    $uploadfile = $uploaddir . basename($_FILES['file']['name']);

    if (!move_uploaded_file($_FILES['file']['tmp_name'], $uploadfile)) {
      echo "<script>alert('文件上传失败!');</script>";exit;
    }else{
      $f1="<img src='{$uploadfile}' id='ImageDrag' class='imagePhoto' >";
      $f2="<img src='{$uploadfile}' id='ImageIcon' class='imagePhoto'>";
      echo '<script language="javascript">parent.$("#ImageDragContainer").html("'.$f1.'");parent.$("#IconContainer").html("'.$f2.'");parent.$("#bigImage").val("'.$uploadfile.'");parent.go();parent.move();</script>';
    }
    
  }

接受上传文件，Iframe提交后用js来修改下面的html中的img：

    


                            <div id="ImageDragContainer">                              
                              <img src='image/dd.JPG' id='ImageDrag' class='imagePhoto'>                                    
                            </div>
                            <div id="IconContainer">                              
                           <img src='image/dd.JPG' id='ImageIcon' class='imagePhoto'>
                            </div>  



    $iconElement = $("#ImageIcon");
    $imagedrag = $("#ImageDrag");
    alert($iconElement.attr('src'));
    alert($imagedrag.attr('src'));


]]> http://jackxiang.com/post//#blogcomment <![CDATA[[评论] jquer取得图片src的方法，以及结合iframe后台提交的方法]]> <user@domain.com> Thu, 01 Jan 1970 00:00:00 +0000 http://jackxiang.com/post//#blogcomment