iframe上传文件

上传文件页面(upload_file.rhtml)

 

<form action="/entries/upload" enctype="multipart/form-data" id="attachment_form" method="post">      
  <input id="attachment_uploaded_data" name="attachment[uploaded_data]" onchange="upload();" size="30" type="file" />
  <span id="spinner" style="display:none;">上传中 <img alt="Spinner" src="spinner.gif" /></span>
</form>

<script type="text/javascript">
  function upload(){
    var counter = parseInt(window.parent.$('attachments_counter').value) + 1;
    window.parent.$('attachments_counter').value = counter;
    $('spinner').show();
    var iframes = window.parent.$("attachment_iframes");
    iframes.appendChild(iframes.getElementsByTagName('iframe')[0].cloneNode(false));
    $('attachment_form').submit();
  }
</script>

 

在需要上传文件的页面加入以下代码：

 

  <input type="hidden" id="attachments_counter" value="0"/>
  <div id="attachment_iframes">
    <iframe src="upload_file" style="border:0px;height:50px;width:100%;" frameborder="0" border="0" cellspacing="0" allowTransparency="true" scrolling="no" resizable="no"></iframe>
  </div>