두 가지 phop 사진 업로드 방법
양식 을 이용 하여 업로드
이 방식 은 가장 원시 적 인 업로드 방식 입 니 다.전단 은 간단 한 form 폼 입 니 다.백 엔 드 는 PHP 로 전 송 된 파일 을 처리 합 니 다.
우선 전단 코드 upload.html
<form action="handle.php" name="form" method="post" enctype="multipart/form-data">
<input type="file" name="file" />
<input type="submit" name="submit" value=" " />
</form>
그리고 새 php 파일 handle.php 코드 는 다음 과 같 습 니 다.
$file = $_FILES['file'];//
//
$name = $file['name'];
$type = strtolower(substr($name,strrpos($name,'.')+1)); // ,
$allow_type = array('jpg','jpeg','gif','png'); //
//
if(!in_array($type, $allow_type)){
// ,
return ;
}
// HTTP POST
if(!is_uploaded_file($file['tmp_name'])){
// HTTP POST
return ;
}
$upload_path = "D:/now/"; //
//
if(move_uploaded_file($file['tmp_name'],$upload_path.$file['name'])){
echo "Successfully!";
}else{
echo "Failed!";
}
물론 이 phop 처리 코드 는 완선 되 지 않 습 니 다.그 중에서 잘못된 상황 을 처리 하지 않 았 습 니 다.그러나 phop 처리 로 파일 을 업로드 하 는 원 리 는 바로 이 렇 습 니 다.이 를 바탕 으로 최적화 시 켜 더욱 완선 할 수 있 습 니 다.2.uploadiy 를 이용 하여 새로 고침 없 이 진도 바 가 있 는 업 로드 를 실현 합 니 다.
먼저 uploadiy 플러그 인 을 다운로드 하여 프로젝트 의 한 폴 더 아래 에 저장 한 다음 세 개의 파일 을 도입 합 니 다.
<link href="js/uploadify/uploadify.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/uploadify/jquery.min.1.7.js"></script>
<script type="text/javascript" src=js/uploadify/jquery.uploadify.min.js"></script>
다음 코드 참조
<script type="text/javascript">
$(function(){
$(".uploadbutton").each(function(){
bidtype=" ";
$(this).uploadify({
swf: 'js/uploadify/uploadify.swf',
uploader: "handle.php", // php
multi: true, //
queueSizeLimit:20, //
buttonText: bidtype, //
height: 34, //
width: 82, //
auto:false, //
method:'post',
fileTypeExts: "*.jpg;*.png;*.gif;*.jpeg;", //
fileTypeDesc: " ", //
postData:{},
formData: { "imgType": "normal","timestamp":"asdfsa","token":"48f262516b3912a060d21ef6af564668" }, //
onUploadSuccess: function (file, data, response) { //
var data = $.parseJSON(data);
}
});
})
});
</script>
<body>
<span id="commercial_upload" class="uploadbutton"></span>
</body>
양식 은 아래 와 같다.물론 이 단추 의 스타일 을 바 꾼 적 이 있 습 니 다.필요 에 따라 스타일 파일 을 수정 하고 이 단추 의 스타일 을 바 꿀 수 있 습 니 다.
같은 phop 코드 handle.phop
$file = $_FILES['Filedata'];//
//
$name = $file['name'];
$type = strtolower(substr($name,strrpos($name,'.')+1)); // ,
$allow_type = array('jpg','jpeg','gif','png'); //
//
if(!in_array($type, $allow_type)){
// ,
return ;
}
// HTTP POST
if(!is_uploaded_file($file['tmp_name'])){
// HTTP POST
return ;
}
$upload_path = "D:/now/"; //
//
if(move_uploaded_file($file['tmp_name'],$upload_path.$file['name'])){
echo "Successfully!";
}else{
echo "Failed!";
}
상기 두 가지 방식 으로 업로드 하면 PHP 처리 의 원 리 는 같다 고 할 수 있 습 니 다.다만 프론트 데스크 톱 에 표 시 된 스타일 이 다 르 고 두 번 째 방식 은 새로 고침 이 없 으 며 반환 값 이 있어 서 다른 처 리 를 편리 하 게 할 수 있 습 니 다.자주 사용 되 지만 아무래도 제한 을 받 아 사용 하기 가 쉽 지 않다.html 5 의 발전 이 점점 성숙 해 지면 서 우 리 는 h5 중의 일부 방법 으로 업로드 기능 을 실현 할 수 있 습 니 다.이때 배경 PHP 의 처리 코드 는 상기 두 가지 방식 과 완전히 다 르 고 사용 하기에 매우 유연 합 니 다.편폭 제한 으로 인해 본 편 은 여러분 께 이런 방식 을 소개 하지 않 겠 습 니 다.관심 있 는 것 은 참고 하 시기 바 랍 니 다php+html 5 리 셋 없 는 이미지 업로드 튜 토리 얼 구현여러분 들 이 좋아 하 시 기 를 바 랍 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Laravel - 변환된 유효성 검사 규칙으로 API 요청 제공동적 콘텐츠를 위해 API를 통해 Laravel CMS에 연결하는 모바일 앱(또는 웹사이트) 구축을 고려하십시오. 이제 앱은 CMS에서 번역된 콘텐츠를 받을 것으로 예상되는 다국어 앱이 될 수 있습니다. 일반적으로 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.