Javascript 从iframe获取值

我正在建立一个yellopages网站，我想在其中上传和显示一些页面上的图像

首先，我在上传时将图像名称插入数据库。我想在父页面上获取图像名称

addproduct.php

<form action="" method="post" enctype="multipart/form-data" name="uploadform" id="uploadform">
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
     <td width="42%" align="right">Product Title </td>
     <td width="1%">&nbsp;</td>
     <td width="118" height="118" align="center" bordercolor="#FFFFFF" bgcolor="#FFFFFF" ><iframe src="" id="fileframe" name="fileframe" width="118" height="118" scrolling="no" frameborder="0"></iframe></td>
   </tr>
   <tr>
     <td align="right">&nbsp;</td>
     <td>&nbsp;</td>
     <td onclick="whatever();">value</td>
   </tr>
   <tr>
     <td align="right">&nbsp;</td>
     <td>&nbsp;</td>
     <td><label>
      <input name="thefile" type="file" id="thefile" />
     <a href="#" class="uploadfile">upload</a></label></td>
   </tr>
   <tr>
     <td align="right">Product Description </td>
     <td>&nbsp;</td>
     <td>&nbsp;</td>
   </tr>
   <tr>
     <td align="right">&nbsp;</td>
     <td>&nbsp;</td>
     <td>&nbsp;</td>
   </tr>
   <tr>
     <td colspan="3"></td>
     </tr>
   <tr>
     <td>&nbsp;</td>
     <td>&nbsp;</td>
     <td><label>
       <input name="web" type="submit" id="web" value="Continue" />
     </label></td>
   </tr>
  </table>
</form> 

function init() {
   fileUploadEvents();
}

function fileUploadEvents() {
   var links = document.getElementsByTagName("a");

   if (links) {  
      for (var x=0; x<links.length; ++x) {
         if (links[x].className == "uploadfile")
         links[x].onclick = uploadFile;
      }
   }
}

function uploadFile() {
   var uploadForm = document.getElementById("uploadform");

   if (uploadForm) {
      uploadForm.target="fileframe";
      uploadForm.action="upload.php";
   }

   uploadForm.submit();
}

uploader.js

<form action="" method="post" enctype="multipart/form-data" name="uploadform" id="uploadform">
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
     <td width="42%" align="right">Product Title </td>
     <td width="1%">&nbsp;</td>
     <td width="118" height="118" align="center" bordercolor="#FFFFFF" bgcolor="#FFFFFF" ><iframe src="" id="fileframe" name="fileframe" width="118" height="118" scrolling="no" frameborder="0"></iframe></td>
   </tr>
   <tr>
     <td align="right">&nbsp;</td>
     <td>&nbsp;</td>
     <td onclick="whatever();">value</td>
   </tr>
   <tr>
     <td align="right">&nbsp;</td>
     <td>&nbsp;</td>
     <td><label>
      <input name="thefile" type="file" id="thefile" />
     <a href="#" class="uploadfile">upload</a></label></td>
   </tr>
   <tr>
     <td align="right">Product Description </td>
     <td>&nbsp;</td>
     <td>&nbsp;</td>
   </tr>
   <tr>
     <td align="right">&nbsp;</td>
     <td>&nbsp;</td>
     <td>&nbsp;</td>
   </tr>
   <tr>
     <td colspan="3"></td>
     </tr>
   <tr>
     <td>&nbsp;</td>
     <td>&nbsp;</td>
     <td><label>
       <input name="web" type="submit" id="web" value="Continue" />
     </label></td>
   </tr>
  </table>
</form> 

function init() {
   fileUploadEvents();
}

function fileUploadEvents() {
   var links = document.getElementsByTagName("a");

   if (links) {  
      for (var x=0; x<links.length; ++x) {
         if (links[x].className == "uploadfile")
         links[x].onclick = uploadFile;
      }
   }
}

function uploadFile() {
   var uploadForm = document.getElementById("uploadform");

   if (uploadForm) {
      uploadForm.target="fileframe";
      uploadForm.action="upload.php";
   }

   uploadForm.submit();
}

函数init（）{
fileUploadEvents（）；
}
函数fileUploadEvents（）{
var links=document.getElementsByTagName（“a”）；
如果（链接）{
对于（var x=0；x您可能会发现，让iframe在父窗口中调用JavaScript函数比让父窗口尝试从iframe读取名称更容易。
您能创建一个测试用例吗(