파일 업로드를 위한 아름다운 Ajax 형식입니다. JavaScript 및 JQuery 라이브러리를 사용하여 서버에 파일 업로드. jQuery 및 AJAX를 사용하여 파일 업로드
이 기사에서는 다음에서 파일을 다운로드하기 위해 웹사이트에 기능을 추가하는 방법을 보여 드리겠습니다. jQuery를 사용하여, AJAX 및 MySQL.
기본 설정뭐가 필요하세요:
- PHP 7.1.
- MySQL.
- JQuery/Ajax 파일.
이제 파일을 다운로드하는 스크립트를 작성해 보겠습니다.
파일 다운로드를 위한 PHP 스크립트 만들기단계별 프로세스:
- Bootstrap을 기반으로 HTML 업로드 양식을 만듭니다.
- 파일을 업로드하는 Ajax 스크립트를 만듭니다.
- 보안 검사를 적용합니다.
- 데이터를 처리하는 PHP 스크립트를 만듭니다.
HTML 양식은 사용자가 서버에 데이터를 제출하는 인터페이스입니다. 양식이 파일과 함께 작동하려면 요소에 대한 POST 메소드를 설정해야 합니다.
또 다른 중요한 양식 속성은 enctype입니다. multipart/form-data 로 설정해야 합니다. 그리고 파일 업로드 요소의 type 속성을 file로 설정해야 합니다.
index.php 파일을 생성하고 아래 코드를 추가하세요.
jQuery 및 PHP를 사용한 Ajax 파일 업로드 이름 이메일
www.Cloudways.com
이 양식에서는 Bootstrap 클래스를 사용하여 양식에 일부 스타일을 적용했습니다. 또한 action 속성에 ajaxupload.php 파일을 지정했습니다. jQuery 및 AJAX를 사용하여 파일 업로드
데이터를 전송하고 파일을 업로드하는 데 jQuery와 AJAX가 사용됩니다. 이제 jQuery 라이브러리를 포함하는 것부터 시작하겠습니다.
$(document).ready(function(e)( $("#form").on("submit",(function(e)( e.preventDefault(); $.ajax(( url:"ajaxupload.php" , 유형:"POST", 데이터: newFormData(this), contentType:false, 캐시:false, processData:false, beforeSend:function() ( //$("#preview").fadeOut(); $("# err").fadeOut(); ), 성공:function(data) ( if(data=="invalid") ( // 잘못된 파일 형식. $("#err").html("잘못된 파일 !"). fadeIn(); ) else ( // 다운로드한 파일을 미리 봅니다. $("#preview").html(data).fadeIn(); $("#form").reset(); ) ), error:function( e) ( $("#err").html(e).fadeIn(); ) ));
위 코드에서는 $ajax() 메소드를 사용하여 데이터를 전송합니다.
PHP를 사용하여 MySQL 데이터베이스 설정 및 연결다음 단계는 MySQL 데이터베이스를 구성하는 것입니다. 라는 테이블을 생성합니다. 테이블 필드: 이름, 이메일, 파일_이름:
CREATE TABLE`uploading`(`id`int(11)NOTNULLAUTO_INCREMENT, `name`varchar(100)COLLATE utf8_unicode_ci NOTNULL, `email`varchar(100)COLLATE utf8_unicode_ci NOTNULL, `file_name`varchar(100)COLLATE utf8_unicode_ci NOTNULL, PRIMARY KEY (`id`))ENGINE=InnoDB DEFAULTCHARSET=utf8 COLLATE=utf8_unicode_ci;
다음으로, db.php 파일을 생성하여 데이터베이스를 PHP 애플리케이션에 연결합니다. 아래 코드 조각을 붙여넣으세요.
파일이 임시 폴더에 업로드되고 모든 정보가 배열에 저장되면 move_uploaded_file() 함수가 호출됩니다. 파일을 현재 임시 위치에서 영구 디렉토리로 이동하도록 설계되었습니다. 파일을 다운로드하는 과정은 다음과 같이 설명할 수 있습니다.
1. 로딩 중 오류가 발생했는지 확인하세요.
2. 업로드한 파일 형식이 허용되는지 확인하세요.
3. 다운로드한 파일이 허용 가능한 크기인지 확인하세요.
4. 다운로드한 파일 이름이 올바른지 확인하세요. (파일 이름에 /가 포함되어 있으면 저장 경로에 영향을 미칩니다.)
5. 다운로드한 파일이 이미 존재하지 않는지 확인하세요.
6. 파일을 업로드하세요.
파일 업로드 기능을 사용하는 PHP 스크립트를 작성해 보겠습니다. ajaxupload.php 파일을 생성하고 아래 코드를 추가합니다.