Question

我提交了multipart / form-data表单，如下所示。此表格定位于iframe。

  <form id="upp" method="post" action="sample.jsp" name="upform" enctype="multipart/form-data" target="my_iframe">
     <input type="hidden" name="todo" value="upload">
     <input id="haa" type="file" name="uploadfile"  size="50">
  </form>

 <iframe id="my" name="my_iframe" scrolling="no" src="sample.jsp"  frameBorder="0">

  </iframe>

我使用的脚本是

     $('#haa').change(function() {

         $('#upp').submit();

       });

现在，如何在文件上传到iframe时加载图片（.gif）。

Answer 1

这是一个带有演示的解决方案：http://www.itgeared.com/articles/1508-display-gif-loading-iframe-jquery/

你需要启用的基本上是一些像

这样的javascript

<script>
$(document).ready(function () {
    $('#iframe1').on('load', function () {
        $('#loader1').hide();
    });
});

以及加载内容后隐藏的一些css：

#loader1 {
    position:absolute;
    background:#ffffff;
}

你可以用任何网址（图片......）替换背景颜色

上传文件时显示加载图像

1 个答案: