jQuery Ajax 파일 업로드(php)_jquery-JS 튜토리얼-php.cn

jQuery Ajax 파일 업로드(php)_jquery

WBOY

풀어 주다： 2016-05-16 18:51:26

원래의

994명이 탐색했습니다.

jQuery의 Ajax 파일 업로드 구현 방법, PHP 충실한 파일 업로드.
AJAX 업로드 파일, PHP 업로드 파일.

【PHP 파일 업로드】

시작하기 전에 WEB을 통해 파일을 업로드하는 원리를 간략하게 설명할 필요가 있을 것 같습니다.
실제로 여기서 업로드된 파일을 처리하는 것이 PHP이든 JSP든 ASP이든 WEB에서는 이미 파일을 서버에 업로드했습니다. 우리는 업로드된 파일을 처리하기 위해 업로드 처리 기능을 사용합니다.
처리 기능은 일반적으로 PHP, JSP, ASP 등 서버측 언어를 사용하여 구현됩니다. 그러면 웹(HTTP 프로토콜?)을 통해 파일을 업로드하는 방법은 다음과 유사한 HTML 코드가 필요합니다.
test.html

코드 복사 코드는 다음과 같습니다.

참고: enctype="multipart/form-data"는 필수입니다. 이는 FORM 테이블에 이것이 파일 업로드 유형임을 알려줍니다. 요청이 성공하면 파일이 서버의 임시 폴더에 업로드됩니다.
파일이 목적지에 도착한 후 어떻게 처리될지는 PHP, JSP, ASP의 문제입니다.
(단, 너무 서두르지 마세요. 파일을 다른 곳으로 이동하거나 이름을 바꾸지 않으면 양식 요청이 끝나면 파일이 삭제됩니다. 따라서 업로드를 처리할 스크립트를 작성해야 합니다. 파일)
여기서는 PHP를 사용하여 처리합니다
do_file_upload.php

코드 복사 코드는 다음과 같습니다.

$error = "" ; //파일 업로드 오류 메시지
$msg = "";
$fileElementName = 'picture';
$allowType = array(".jpg",".gif",".png "); //업로드가 허용되는 파일 형식
$num = strrpos($_FILES['picture']['name'],'.');
$fileSuffixName = substr($_FILES['picture '][' name'],$num,8);//이 숫자는 변수입니다.
$fileSuffixName = strtolower($fileSuffixName) //업로드된 파일 유형 확인

$upFilePath = ' d:/'; //최종 저장 경로

if(!empty($_FILES[$fileElementName]['error']))
{
switch($_FILES[$fileElementName]['error'])
{

케이스 '1':
$error = '전송된 파일이 php.ini의 upload_max_filesize 옵션 제한을 초과했습니다.';
break;
케이스 '2':
$error = '업로드된 파일의 크기가 HTML 형식의 MAX_FILE_SIZE 옵션에 지정된 값을 초과합니다.';
break;
case '3':
$error = '파일의 일부만 업로드되었습니다.';
break;
케이스 '4':
$error = '업로드된 파일 없음';
break;

케이스 '6':
$error = '임시 폴더를 찾을 수 없습니다';
break;
케이스 '7':
$error = '파일 쓰기 실패';
break ;
기본값:
$error = '알 수 없는 오류';
}
}elseif(empty($_FILES['fileToUpload']['tmp_name']) || $_FILES[ 'fileToUpload' ]['tmp_name'] == '없음')
{
$error = '파일이 업로드되지 않았습니다.';
}else if(!in_array($fileSuffixName,$allowType))
{
$error = '업로드가 허용되지 않는 파일 형식';
}else{
);
if($ok === FALSE){
$error = '업로드 실패';
}
}
?>

또 다른 참고 사항: $_FILES 배열 정보

이 배열에는 업로드된 모든 파일 정보가 포함되어 있으며 파일 업로드 시 관련 정보를 기록합니다.
위 예시의 $_FILES 배열 내용은 다음과 같습니다. 위의 예와 같이 파일 업로드 필드의 이름이 userfile이라고 가정해 보겠습니다. 이름은 원하는 대로 지정할 수 있습니다.

$_FILES['userfile']['name']
클라이언트 컴퓨터 파일의 원래 이름입니다.

$_FILES['userfile']['type']
브라우저가 이 정보를 제공하는 경우 파일의 MIME 유형입니다. 예를 들면 "이미지/gif"입니다. 그러나 이 MIME 유형은 PHP 측에서 확인되지 않으므로 이를 당연하게 여기지 마십시오.

$_FILES['userfile']['size']
업로드된 파일의 크기(바이트)입니다.

$_FILES['userfile']['tmp_name']
파일 업로드 후 서버에 저장되는 임시 파일 이름입니다.

$_FILES['userfile']['error']
파일 업로드 관련 오류 코드입니다. 이 프로젝트는 PHP 버전 4.2.0에 추가되었습니다.

【AJAX 파일 업로드】

사실 새로 고침 없는 파일 업로드를 달성하기 위한 것입니다. IFRAME 파일 업로드 원칙을 사용할 수 있습니다.
실제로 PHP로 파일을 업로드할 때. . . $_FILES 형식만 사용할 수 있지만 JS를 사용하여 ..document.getElementById('img').value와 같은 ID를 가져오는 경우 또는 양식의 jquery $("#img")는 실제로 업로드할 수 없습니다(그러나 처음에 저를 포함하여 여전히 많은 사람들이 이 작업을 수행하고 있습니다).
그런데 이 기능을 사용하려면 소위 "비동기 업로드" 구현도 필요합니다. 어떻게 해야 하나요? ? 타사 구성 요소만 사용하거나 직접 작성할 수 있습니다(웹 페이지에 IFRAME 포함). 그러나 개발 시간을 고려하고 있다면 제3자를 사용할 수 있습니다. 여기에 "ajaxfileupload.js"라는 좋은 jQuery Ajax 파일 업로드 구성 요소가 있습니다. 해당 구성 요소 다운로드 주소는 http://www.phpletter.com/입니다. 다운로드 후 내부에 PHP 애플리케이션 데모가 있어 이해하기 쉽습니다.
프로세스:
(1) 프런트 엔드의 파일 코드: test.php

코드 복사 코드는 다음과 같습니다.

상대 HTML为:

复主代码代码如下:

这样客户端就完成了。

(2) 再服务器端时 doajaxfileupload.php
file_put_contents("d:file_infor.php ".$file_infor);

这样你打来刚生成的file_infor.php文件时，你又看到了熟悉的信息了：

复代码

代码如下:

 array(
 'name'=>'lamp.jpg',
 'type'=>'image/pjpeg',
 'tmp_name'=>'c: windowstempphpFA.tmp',
 'error'=>0,
 'size'=>3127
 )

물론 실제 처리는 비슷합니다

코드 복사 코드는 다음과 같습니다.

 < ?php
 $upFilePath = "d:/";
 );
 if($ok === FALSE){
 echo json_encode('file_infor'=>'업로드 실패'); 
 }else {
 echo json_encode('file_infor'=>'업로드 성공');
 }
 ?> 

실제로 을 사용하면 페이지에 IFRAME을 삽입한 다음 IFRAME의 기본 POST 양식을 사용하여 제출할 수 있습니다. 이 JQUERY 플러그인도 이 방법을 사용합니다. 단지 동적으로 생성된 IFRAME 및 양식일 뿐입니다

원본 텍스트: http://fc-lamp.blog.163.com/blog/static/1745666872009519310153/