두 가지 phop 사진 업로드 방법

5123 단어 php사진 업로드
그림 업 로드 는 항목 에 자주 사용 되 며 그림 이나 파일 업 로드 를 벗 어 날 수 있 는 항목 이 거의 없습니다.이 편 은 제 가 여기 서 여러분 께 두 가지 일반적인 업로드 방식 을 소개 합 니 다.주:여기 서 우 리 는 기능 의 실현 일 뿐 너무 많은 전단 스타일 을 하지 않 습 니 다)
양식 을 이용 하여 업로드
이 방식 은 가장 원시 적 인 업로드 방식 입 니 다.전단 은 간단 한 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 리 셋 없 는 이미지 업로드 튜 토리 얼 구현여러분 들 이 좋아 하 시 기 를 바 랍 니 다.

좋은 웹페이지 즐겨찾기