2

我在main.php文件中有一张图片：

  <img src="..\images\image.gif" class="cur" onclick="imgWin();">

当我点击下面的这个图片时，函数调用了：

function imgWin()
{
   imageWin=window.open("../pages/img.php","imageWin","toolbar=no,width=500,height=200,directories=no,menubar=no,SCROLLBARS=yes");
}

此函数在新窗口中打开 img.php

img.php file :

<HTML>
<HEAD>
    <TITLE>upload image</TITLE>
</HEAD>
<BODY>

    <FORM NAME="imgForm" method="get" action="#">
          address : 
          <INPUT type="file" name="imgUrl" size="50">
          description : 
          <INPUT type="text" name="description" size="50">
          <input type="submit" value="sumbit">
    </form>
</BODY>
</HTML>

我想当我点击上面表单中的按钮时，submit来自文本框的数据发送到文件。imgUrldescriptionmain.php

我该怎么做？

4

4 回答 4

1

你应该命名你的窗户......

 <form action="foobar.php" method="get" target="foo">
 First name: <input type="text" name="fname" /><br />
 Last name: <input type="text" name="lname" /><br />
 <input type="submit" value="Submit" />
 </form>

这会将表单提交回名为“foo”的目标窗口，并且操作是 foobar.php ...当您打开窗口时，使用您的 javascript，指定作为目标的“名称”..

 window.open(URL,name,specs,replace)
于 2011-07-16T13:27:24.947 回答
0

我建议你使用 jQuery 来实现它！

// -------------------------- main.php
    <img src="..\images\image.gif" class="cur" id="imgButton">
    <div id="page"></div>

    <script type="text/javascript" >
    $('#imgButton').click(function(){
       $('#page').load('../pages/img.php');
    )}
    </script>


// ------------------img.php file :

    <form name="imgForm" method="post" action="#">
          address : 
          <INPUT type="file" name="imgUrl" size="50">
          description : 
          <INPUT type="text" name="description" size="50">
          <input type="button" value="sumbit" id="submit">
    </form>

        <script type="text/javascript" >
        $('#submit').click(function(){
           ........
           SEND YOUR DATA BY AJAX
           $.ajax({
           url:.......,
           data:(FORM VARIABLES),
           success:function(){
            // PRINT YOUR INPOUT VARIABLE HERE ;
            // $("input[name='imgUrl']").val();

           }
           })

        )}
        </script>

编辑 

$.ajax({  
  type: "POST",  
  url: "YOUR ADDRESS HERE",  
  data: {var1:$("input#[INPUT NAME]").val(),var2:$("input#[INPUT NAME]").val(), ....}  
  success: function() {
  // Do something on success
  // alert ( 'Form Sent' );
  });  
  }  
});
于 2011-07-16T13:35:15.000 回答
-1

目前我能想到的唯一方法是将 img.php 的必填字段存储到另一个文件中，比如 img.xml，然后使用 AJAX 将其加载到主文件中。

ajax 代码将存储在主文件中。在 img.php 文件中，您将在提交按钮上有一个 onClick，它会触发主文件中的 AJAX。

于 2011-07-16T13:29:02.807 回答
-1

改变：

action="#"

至：

action="main.php"

它将参数发送到 main.php 并且您需要编写代码来处理它。

于 2011-07-16T14:49:29.430 回答