이미지 업로드 AJAX/PHP의 축소판 표시

업데이트 18/11/2012 :이 업로드의 새 버전은 이제 jQuery ajax 이미지 업로드 썸네일 예제입니다. 이것은 양식에 파일/이미지 업로드 도구를 추가하고 AJAX에 PHP와 함께 파일을 저장하고 양식에 표시되도록 썸네일 버전을 사용자에게 반환 할 수 있습니다. 멋진. 키 테이크 아웃 PHP와 함께 Ajax를 사용하여 이미지 업로드 프로세스를 간소화하여 페이지를 다시로드하지 않고 실시간 썸네일 미리보기를 허용합니다. 파일 업로드를 동적으로 처리하고 썸네일 미리보기를 즉시 표시하는 jQuery 스크립트를 구현하여 원활한 사용자 경험을 보장합니다.

는 PHP 스크립트를 통합하여 JSON 형식으로 썸네일 URL을 생성하고 반환하여 클라이언트 측에서 쉽게 통합 및 조작을 용이하게합니다. 업로드 프로세스 중에 강력한 기능 및 사용자 참여를 유지하기 위해 포괄적 인 오류 처리 및 사용자 피드백을 제공합니다.

작동 방식

사용자는 양식 입력 필드에서 파일/이미지를 선택합니다 jQuery는 파일/이미지 와 함께 ajax 요청을 보냅니다 PHP는 썸네일 버전을 생성하고 JSON 형식의 URL을 다시 보냅니다. jQuery는 형식에 축소판 버전을 표시합니다

다운로드

jQuery4U-File-Uploader-Thumbnail.zip

doajaxfileupload.php ajaxfileupload.php

<..> jQuery.php

form-html.php

소스 Filessee 라이브 데모를 다운로드하십시오 jQuery 코드 - jQuery.js

jQuery 코드 - ajaxfileupload.js

위 내용은 이미지 업로드 AJAX/PHP의 축소판 표시의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!