Показывать загрузку изображения при загрузке файлов

0

Я представляю форму 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();

       }); 

Теперь как я могу поместить загружаемое изображение (.gif), пока файл загружается в iframe.

  • 0
    У фреймов есть событие load . По умолчанию показывает gif загрузки, а затем скрывает ее при загрузке iframe.
Теги:
file-upload
iframe
image-uploading

1 ответ

2
Лучший ответ

Вот решение с демонстрацией: 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;
}

вы можете заменить цвет фона любым URL-адресом (изображение...)

Ещё вопросы

Сообщество Overcoder
Наверх
Меню