대변인 임명문서 새로고침 없이 파일 업로드 뉴스넷 초안문서 1호 문서 보도자료

새로 고침 파일 업로드 없음

ajax의 FormData 개체가 새로 고침 작업을 완료하지 않습니다.

ajax 레벨 2 표준은 파일에서 작동할 수 있지만 새 브라우저만 지원하며(IE 하위 버전과 호환되지 않음) H5 표준입니다.

참고:

1. 양식 크기

   

2. 단일 파일 업로드 크기

   

   실제 운영:

3. 양식을 작성하는데, 양식에 enctype 속성이 설정되어 있지 않다는 점에 유의해야 합니다.

   

4. 업로드 버튼에 클릭 이벤트를 바인딩하고 업로드된 파일의 Ajax 제출을 완료합니다.

   

5. FormData를 사용하여 양식의 데이터(업로드 도메인의 일반 데이터)를 수집합니다.

   

6. 파일 업로드 상황을 모니터링하려면 ajax 객체의 upload 멤버의 onprogress 핸들을 사용하세요.

   1. 업로드 진행률 표시줄 표시 상자 설정

   

   b) CSS 설정

   

   

   c) 모니터링 파일 업로드 이벤트 설정

   

7. onreadystatechange를 통해 Ajax 작업을 모니터링하려면

   

8. ajax 요청 보내기(참고: 데이터 업로드를 완료하기 위해 FormData를 사용할 때 ajax 요청 헤더를 설정할 필요가 없습니다)

   

9. onprogress의 이벤트 소스(업로드된 파일)를 사용하여 진행 상황을 표시합니다.

   

10. 서버 data.php 파일은 업로드된 파일 처리를 구현합니다.

    

    iframe은 새로 고침 없는 업로드를 구현합니다.

11. index.php 파일 생성 및 업로드 도메인 설정

    

    

    기술적 포인트 1: 양식 제출을 위해 열리는 창을 직접 정의한 iframe으로 설정해야 합니다.

    기술적 포인트 2: 생성된 이미지를 data.php 파일에서 처리한 후 이미지 URL 주소를 반환해야 합니다. top을 사용하여 현재 iframe을 여는 창을 가져오고 src 속성을 수정합니다. img 태그의

    2. data.php 이미지 저장 및 반환 완료

    

위 내용은 파일 업로드와 새로운 글 내용을 포함하여 새로 고침 없이 파일을 업로드하는 방법을 소개하고 있으니 PHP 튜토리얼에 관심이 있는 친구들에게 도움이 되었으면 좋겠습니다.