파일을 업로드하는 동안 로딩 이미지 표시

user3422501

아래와 같이 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)를 어떻게 넣을 수 있습니까?

gco

데모가있는 솔루션은 다음과 같습니다. http://www.itgeared.com/articles/1508-display-gif-loading-iframe-jquery/

활성화해야 할 것은 기본적으로 다음과 같은 자바 스크립트입니다.

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

콘텐츠가로드 된 후 숨겨지는 일부 CSS :

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

배경색을 url (image ...)로 바꿀 수 있습니다.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

파일을로드하는 동안 애니메이션 GIF로 팝업 표시

분류에서Dev

Meteor 0.8에서 이미지가로드되는 동안 로딩 애니메이션을 표시하는 방법

분류에서Dev

서버가 요청을 처리하는 동안 로딩 이미지 표시

분류에서Dev

codeigniter 3에서 안전한 업로드 및 이미지 또는 파일 표시

분류에서Dev

Android-파일을 다운로드하는 동안 가로 진행률 표시 줄이 작동하지 않음

분류에서Dev

Scipy : 이미지 파일을로드하는 동안 UnicodeDecodeError

분류에서Dev

라이브 서버에 파일을 업로드하는 동안 "사이트 유지 보수 중"메시지를 표시하는 방법은 무엇입니까?

분류에서Dev

파일 업로드에서 동적으로 이미지를 표시하는 방법

분류에서Dev

업로드하는 동안 파일 이름의 공백을 밑줄로 바꾸지 마십시오.

분류에서Dev

업로드하는 동안 파일 이름의 공백을 밑줄로 바꾸지 마십시오.

분류에서Dev

내 사이트에서 파일을 다운로드하는 동안 크기가 표시되지 않음

분류에서Dev

내 웹 사이트에서 파일을 다운로드하는 동안 크기가 표시되지 않음

분류에서Dev

안드로이드의 URL에서 이미지를 업로드하는 레이아웃을 팽창시키는 동안 ANR?

분류에서Dev

Codeigniter에서 파일을 업로드하는 동안 진행률 표시 줄을 배치하는 방법

분류에서Dev

다른 작업을 실행하는 동안 애니메이션 로딩 텍스트 표시

분류에서Dev

전체 이미지를로드하는 동안로드중인 GIF 표시

분류에서Dev

비동기 파일 업로드는 브라우저에서 파일을 다운로드하라는 메시지를 표시하지 않습니다.

분류에서Dev

파일을 업로드하는 동안 파일에 고유 한 이름 부여

분류에서Dev

GridView로 데이터를로드하는 동안 이미지 표시-vb.net

분류에서Dev

jQuery를 사용하여 파일을 업로드하는 동안 loading.gif 표시

분류에서Dev

selenium.common.exceptions.InvalidArgumentException : 메시지 : 잘못된 인수 : Selenium Python을 사용하여 파일을 업로드하는 동안 파일을 찾을 수 없음 오류

분류에서Dev

새 모델을 만드는 동안 이미지 업로드

분류에서Dev

다른 이미지가로드되는 동안 대체 이미지 표시

분류에서Dev

파일을 다운로드하는 동안 backgroundworker로 label.text 업데이트

분류에서Dev

경로에서 이미지를 인코딩하는 동안 파일을 찾을 수 없음 예외

분류에서Dev

Android : xml 파일 확인 및 다운로드시 로딩 이미지 표시

분류에서Dev

Android에서 더 큰 파일을 업로드하는 동안 메모리 부족 오류가 표시됩니까?

분류에서Dev

이미지가 각도로로드되는 동안로드 아이콘 표시

분류에서Dev

업로드하는 동안 파일 이름을 바꾸는 방법

Related 관련 기사

  1. 1

    파일을로드하는 동안 애니메이션 GIF로 팝업 표시

  2. 2

    Meteor 0.8에서 이미지가로드되는 동안 로딩 애니메이션을 표시하는 방법

  3. 3

    서버가 요청을 처리하는 동안 로딩 이미지 표시

  4. 4

    codeigniter 3에서 안전한 업로드 및 이미지 또는 파일 표시

  5. 5

    Android-파일을 다운로드하는 동안 가로 진행률 표시 줄이 작동하지 않음

  6. 6

    Scipy : 이미지 파일을로드하는 동안 UnicodeDecodeError

  7. 7

    라이브 서버에 파일을 업로드하는 동안 "사이트 유지 보수 중"메시지를 표시하는 방법은 무엇입니까?

  8. 8

    파일 업로드에서 동적으로 이미지를 표시하는 방법

  9. 9

    업로드하는 동안 파일 이름의 공백을 밑줄로 바꾸지 마십시오.

  10. 10

    업로드하는 동안 파일 이름의 공백을 밑줄로 바꾸지 마십시오.

  11. 11

    내 사이트에서 파일을 다운로드하는 동안 크기가 표시되지 않음

  12. 12

    내 웹 사이트에서 파일을 다운로드하는 동안 크기가 표시되지 않음

  13. 13

    안드로이드의 URL에서 이미지를 업로드하는 레이아웃을 팽창시키는 동안 ANR?

  14. 14

    Codeigniter에서 파일을 업로드하는 동안 진행률 표시 줄을 배치하는 방법

  15. 15

    다른 작업을 실행하는 동안 애니메이션 로딩 텍스트 표시

  16. 16

    전체 이미지를로드하는 동안로드중인 GIF 표시

  17. 17

    비동기 파일 업로드는 브라우저에서 파일을 다운로드하라는 메시지를 표시하지 않습니다.

  18. 18

    파일을 업로드하는 동안 파일에 고유 한 이름 부여

  19. 19

    GridView로 데이터를로드하는 동안 이미지 표시-vb.net

  20. 20

    jQuery를 사용하여 파일을 업로드하는 동안 loading.gif 표시

  21. 21

    selenium.common.exceptions.InvalidArgumentException : 메시지 : 잘못된 인수 : Selenium Python을 사용하여 파일을 업로드하는 동안 파일을 찾을 수 없음 오류

  22. 22

    새 모델을 만드는 동안 이미지 업로드

  23. 23

    다른 이미지가로드되는 동안 대체 이미지 표시

  24. 24

    파일을 다운로드하는 동안 backgroundworker로 label.text 업데이트

  25. 25

    경로에서 이미지를 인코딩하는 동안 파일을 찾을 수 없음 예외

  26. 26

    Android : xml 파일 확인 및 다운로드시 로딩 이미지 표시

  27. 27

    Android에서 더 큰 파일을 업로드하는 동안 메모리 부족 오류가 표시됩니까?

  28. 28

    이미지가 각도로로드되는 동안로드 아이콘 표시

  29. 29

    업로드하는 동안 파일 이름을 바꾸는 방법

뜨겁다태그

보관