PHP 다중 이미지 파일 업로드 및 폴더 및 데이터베이스에 저장

Question

큰 도시에서 발생하는 나이트 클럽 시설 및 이벤트의 목록을 야간 방문객에게 보여줄 사이트를 만들고 있습니다. 저는 관리자가 클럽을 추가하고 시설 이름, 위치, 상대 가격 책정 및 물론 클럽 이미지를 입력 할 수있는 백 엔드 페이지를 만들려고합니다.

각 클럽에는 적어도 하나의 이미지, 기본 이미지가 있어야합니다. 추가 5 개가있을 수 있지만 선택 사항입니다. 데이터베이스 필드는 null 일 수 있습니다.

좀 야후 메일과 같은

Establishment Main Photo 
TextField: name = "establishment_image" 

Establishment Photo 1 
TextField: name = "establishment_image" 

Establishment Photo 2 
TextField: name = "establishment_image" 

Establishment Photo 3 
TextField: name = "establishment_image" 

Establishment Photo 4 
TextField: name = "establishment_image" 

Establishment Photo 5 
TextField: name = "establishment_image" 

그 파일 양식을 첨부 :

나는이처럼 보이는 형태를 갖는다. 보시다시피 텍스트 필드는 현재 동일한 텍스트 필드 이름을가집니다.

제출 양식에 필요한 변경 사항이 무엇인지 알아야합니다. 예를 들면 다음과 같습니다.

메인 그림을 넣고 빈 다른 텍스트 필드를 떠나, 는 메인 그림을 넣고, 그림 1과 2는 넣어 빈 메인 그림, 그림 1, 2, 3을 다른 텍스트 필드를 떠나 등 빈

을 다른 텍스트 필드를 떠나

내 establishment_submit.php은 다음과 같습니다

<?php require_once('../Connections/connections.php'); ?> 
<?php //maintain the session 
if (!isset($_SESSION)) 
{ 
    session_start(); 
} 
?> 
<?php 
//retrieve data from Query String 
$establishment_name= $_POST['establishment_name']; 
$short_description= $_POST['short_description'];   
$long_description= $_POST['long_description'];  
$location= $_POST['location'];   
$url_link= $_POST['url_link']; 
$establishment_address= $_POST['establishment_address'];   
$establishment_pricing= $_POST['establishment_pricing']; 
$establishment_telephone= $_POST['establishment_telephone'];   
$establishment_contact= $_POST['establishment_contact']; 
$establishment_email= $_POST['establishment_email'];    
$establishment_image = $_FILES['establishment_image']['name']; 

//escape User Input to help prevent SQL Injection 
$establishment_name= mysql_real_escape_string($establishment_name);  
$short_description= mysql_real_escape_string($short_description);  
$long_description = mysql_real_escape_string($long_description);   
$location= mysql_real_escape_string($location);    
$url_link= mysql_real_escape_string($url_link); 
$establishment_address= mysql_real_escape_string($establishment_address); 
$establishment_pricing= mysql_real_escape_string($establishment_pricing); 
$establishment_telephone= mysql_real_escape_string($establishment_telephone); 
$establishment_contact= mysql_real_escape_string($establishment_contact); 
$establishment_email= mysql_real_escape_string($establishment_email); 
$establishment_image= mysql_real_escape_string($establishment_image); 

//redirect when successful 
$establishmentAddSuccess = "establishment_add_success.php"; 
?> 
<?php 
//define a maximum size for the uploaded images 
define ("MAX_SIZE","10000"); 
// note that these dimensions are considered the maximum and are not fixed 
// because we have to keep the image ratio intact 
//define a maximum size for the uploaded images 
define ("LARGE_WIDTH","500"); 
define ("LARGE_HEIGHT","390"); 
define ("WIDTH","100"); //set here the width you want your thumbnail to be 
define ("HEIGHT","100"); //set here the height you want your thumbnail to be. 
// this is the function that will create the appropriately sized images from the upload 
// the resize will be done considering the width and height defined, but without deforming the image 

function make_largeimage($img_name,$filename,$new_large_w,$new_large_h) 
{ 
    //get image extension. 
    $ext=getExtension($img_name); 
    //creates the new image using the appropriate function from gd library 
    if(!strcmp("jpg",$ext) || !strcmp("jpeg",$ext)) 
    $src_img=imagecreatefromjpeg($img_name); 
    if(!strcmp("png",$ext)) 
    $src_img=imagecreatefrompng($img_name); 
    if(!strcmp("gif",$ext)) 
    $src_img=imagecreatefromgif($img_name); 
    //gets the dimensions of the image 
    $old_x=imageSX($src_img); 
    $old_y=imageSY($src_img); 
    // next we will calculate the new dimensions for the large image 
    // the next steps will be taken: 
    // 1. calculate the ratio by dividing the old dimensions with the new ones 
    // 2. if the ratio for the width is higher, the width will remain the one define in WIDTH variable 
    // and the height will be calculated so the image ratio will not change 
    // 3. otherwise we will use the height ratio for the image 
    // as a result, only one of the dimensions will be from the fixed ones 
    $ratio1_large=$old_x/$new_large_w; 
    $ratio2_large=$old_y/$new_large_h; 
    if($ratio1_large>$ratio2_large) 
    { 
     $large_w=$new_large_w; 
     $large_h=$old_y/$ratio1_large; 
    }else 
    { 
     $large_h=$new_large_h; 
     $large_w=$old_x/$ratio2_large; 
    } 
    // we create a new image with the new dimensions 
    $dst_large_img=ImageCreateTrueColor($large_w,$large_h); 
    // resize the big image to the newly created one 
    imagecopyresampled($dst_large_img,$src_img,0,0,0,0,$large_w,$large_h,$old_x,$old_y); 
    // output the created image to the file. Now we will have the image into the file named by $filename 
    if(!strcmp("png",$ext)) 
     imagepng($dst_large_img,$filename); 
    else 
     imagejpeg($dst_large_img,$filename); 
    if (!strcmp("gif",$ext)) 
    imagegif($$dst_large_img,$filename); 
    //destroys source and destination images. 
    imagedestroy($dst_large_img); 
    imagedestroy($src_img); 
} 

function make_thumb($img_name,$filename,$new_w,$new_h) 
{ 
    //get image extension. 
    $ext=getExtension($img_name); 
    //creates the new image using the appropriate function from gd library 
    if(!strcmp("jpg",$ext) || !strcmp("jpeg",$ext)) 
    $src_img=imagecreatefromjpeg($img_name); 
    if(!strcmp("png",$ext)) 
    $src_img=imagecreatefrompng($img_name); 
    if(!strcmp("gif",$ext)) 
    $src_img=imagecreatefromgif($img_name); 
    //gets the dimmensions of the image 
    $old_x=imageSX($src_img); 
    $old_y=imageSY($src_img); 
    // next we will calculate the new dimensions for the thumbnail image 
    // the next steps will be taken: 
    // 1. calculate the ratio by dividing the old dimensions with the new ones 
    // 2. if the ratio for the width is higher, the width will remain the one define in WIDTH variable 
    // and the height will be calculated so the image ratio will not change 
    // 3. otherwise we will use the height ratio for the image 
    // as a result, only one of the dimensions will be from the fixed ones 
    $ratio1=$old_x/$new_w; 
    $ratio2=$old_y/$new_h; 
    if($ratio1>$ratio2) 
    { 
     $thumb_w=$new_w; 
     $thumb_h=$old_y/$ratio1; 
    }else 
    { 
     $thumb_h=$new_h; 
     $thumb_w=$old_x/$ratio2; 
    } 
    // we create a new image with the new dimensions 
    $dst_img=ImageCreateTrueColor($thumb_w,$thumb_h); 
    // resize the big image to the newly created one 
    imagecopyresampled($dst_img,$src_img,0,0,0,0,$thumb_w,$thumb_h,$old_x,$old_y); 
    // output the created image to the file. Now we will have the thumbnail into the file named by $filename 
    if(!strcmp("png",$ext)) 
     imagepng($dst_img,$filename); 
    else 
     imagejpeg($dst_img,$filename); 
    if (!strcmp("gif",$ext)) 
    imagegif($dst_img,$filename); 
    //destroys source and destination images. 
    imagedestroy($dst_img); 
    imagedestroy($src_img); 
} 
// This function reads the extension of the file. 
// It is used to determine if the file is an image by checking the extension. 
function getExtension($str) 
{ 
$i = strrpos($str,"."); 
if (!$i) { return ""; } 
$l = strlen($str) - $i; 
$ext = substr($str,$i+1,$l); 
return $ext; 
} 
// This variable is used as a flag. The value is initialized with 0 (meaning no error found) 
//and it will be changed to 1 if an errro occures. If the error occures the file will not be uploaded. 
$errors=0; 
// if it is not empty 
for($i=0;$i<count($_FILES['establishment_image']["name"]);$i++) 
{ 
// get the original name of the file from the clients machine 
$filenames = stripslashes($_FILES['establishment_image']['name'][$i]); 

// get the extension of the file in a lower case format 
$extensions = getExtension($filenames); 
$extensions = strtolower($extensions); 
// if it is not a known extension, we will suppose it is an error, print an error message 
//and will not upload the file, otherwise we continue 
if (($extensions != "jpg") && ($extensions != "jpeg") && ($extensions != "png") && ($extensions != "gif")) 
{ 
$warning = ("File extension of an image(s) not allowed"); 
header("location:establishment_add.php?warning=$warning"); 
$errors=1; 
exit(); 
} 
else 
{ 
// get the size of the image in bytes 
// $_FILES[\'image\'][\'tmp_name\'] is the temporary filename of the file in which the uploaded file was stored on the server 
$size=getimagesize($_FILES['establishment_image']['tmp_name'][$i]); 
$sizekb=filesize($_FILES['establishment_image']['tmp_name'][$i]); 

//compare the size with the maxim size we defined and print error if bigger 
if ($sizekb > MAX_SIZE*1024) 
{ 
$warning = ("Images have exceeded the size limit of 10MB"); 
header("location:establishment_add.php?warning=$warning"); 
$errors=1; 
exit(); 
} 
$rand= rand(0, 100000); 
//we will give an unique name, for example a random number 
$image_name=$rand.'.'.$extension; 
//the new name will be containing the full path where the image will be stored (images folder) 
$consname="C:/wamp/www/NNL/Administrator/Establishment_Images/".$image_name; //change the image/ section to where you would like the original image to be stored 
$consname2="C:/wamp/www/NNL/Administrator/Establishment_Images/Thumbs/".$image_name; 
//change the image/thumb to where you would like to store the new created thumbnail of the image 
$copied = copy($_FILES['establishment_image']['tmp_name'][$i], $consname); 
$copied = copy($_FILES['establishment_image']['tmp_name'][$i], $consname2); 
//localhost calling of images 
$img_large="../Establishment_Images/".$image_name; //change the image/ section to where you would like the original image to be stored 
$img_thumb="../Establishment_Images/Thumbs/".$image_name; 
//we verify if the image has been uploaded, and print error instead 
if (!$copied) { 
$warning = ("Unable to upload image file"); 
header("location:establishment_add.php?warning=$warning"); 
$errors=1; 
exit(); 
}else{ 
// the new large image will be placed in Images/ folder 
$imagelarge_name=$consname ; 
// call the function that will create the thumbnail. The function will get as parameters 
// the image name, the thumbnail name and the width and height desired for the thumbnail 
$imagelarge=make_largeimage($consname,$imagelarge_name,LARGE_WIDTH,LARGE_HEIGHT); 
// the new thumbnail image will be placed in Images/Thumbs/ folder 
$thumb_name=$consname2 ; 
// call the function that will create the thumbnail. The function will get as parameters 
// the image name, the thumbnail name and the width and height desired for the thumbnail 
$thumb=make_thumb($consname,$thumb_name,WIDTH,HEIGHT); 
} 
} 
} 
?> 
<?php 
//If no errors registered, redirect page 
if(isset($_POST['Submit']) && !$errors) 
{ 
//insert into database 
$query2 = "INSERT INTO establishment(establishment_name, 
          establishment_short_description, 
          establishment_long_description, 
          establishment_address, 
          establishment_telephone, 
          establishment_contact, 
          establishment_email, 
          location_id, 
          establishment_pricing,       
          establishment_url_link, 
          establishment_mainphoto_url, 
          establishment_thumb_url) 
          VALUES 
          ('$establishment_name', 
          '$short_description', 
          '$long_description', 
          '$establishment_address', 
          '$establishment_telephone', 
          '$establishment_contact', 
          '$establishment_email', 
          '$location', 
          '$establishment_pricing', 
          '$url_link',        
          '$img_large[0]', 
          '$img_thumb[0]')";       
//Execute query 
$qry_result2 = mysql_query($query2) or die(mysql_error()); 

header("Location: " . $establishmentAddSuccess); 
} 
else 
{ 
    $establishment_msg = ("Unable to add establishment"); 
    header("location:establishment_add.php?establishment_msg=$establishment_msg"); 
    exit(); 
}  
?> 

이

이제 하나의 이미지 업로드하지만 나던 일을 잘했다. 저는 라인에서 변경해야 할 필요가 있음을 압니다.

for($i=0;$i<count($_FILES['establishment_image']["name"]);$i++) 
{ 

어떻게하면이 양식으로 여러 이미지를 업로드 할 수 있습니까? 나는 어떤 도움을 주셔서 감사합니다.

Pic 1: <input type="file" name="establishment_image[]" /> 
Pic 2: <input type="file" name="establishment_image[]" /> 

그러나, PHP에서 파일 처리 물건 서버 측을 기대하는 것보다 조금 다르게 처리합니다 : 당신이 일반 양식 필드에서와 마찬가지로

Answer 1

당신은 PHP의 배열 표기법을 사용할 수 있습니다

$_FILES = array(
    'establishment_image' => array(
      'name' => array(
       0 => 'name of Pic 1 file', 
       1 => 'name of Pic 2 file' 
     ), 
      'error' => array(
       0 => error code for pic1 upload, 
       1 => error code for pic2 upload 
     etc... 
); 

그래도, 처리 할 수있을만큼 쉽게 :

foreach(array_keys($_FILES['establishment_image']['name']) as $idx) { 
    .... 
} 

다른 옵션은 각 파일에 고유 한 이름을 입력하고 해당 서버 사이드로 작업하십시오. 그런 다음

<input type="file" name="establishment_image_1" /> 
<input type="file" name="establishment_image_2" /> 

당신이 단순히 당신이 imagick의 단점을 고려할 때

for ($i = 1; $i <= 5; $i++) { 
    echo "Name of file is ", $_FILES["establishment_image_$i"]['name']; 
    ... 
} 

Answer 2

이미지 업로드 페이지 뇌 손상이 많이 있습니다 할 수있는, UI : 당신이 하드 코드 각 숫자 "하위 키"만약 업로드 페이지, 권한 등에 대한 패턴. 내부 관리자가 페이지를 수행하는 상황에서 바로 가기는 Gallery입니다.

관리자는 업로드, 크기 조정, 자르기 등을 위해 갤러리를 사용합니다. 본질적으로 내 고객이 요구할 수있는 기본 사항과 "추가 기능"을 추가했지만 처음부터 충분히 충전 할 수는 없습니다. 사용자 측에서는 MySQL 데이터베이스에서 갤러리를 쿼리하고 원하는 방식으로 정렬합니다. 일반적으로 멋진 JQuery 프론트 엔드를 통해 조작했습니다. 그러나, 그것은 아무거나 일 수 있었다 ... 나는 갤러리 주식 전단을 사용할조차 수 있었다.

사용자가 이해하기 쉽도록 단순합니다. 나는 그것을 가질 수 있고 2 시간 이내에 실행이 끝나기 시작합니다. 그리고 이미지가 파일 시스템에 정적으로 저장되기 때문에 예상보다 많은 추가 부하가 없습니다.

혼자서 선택하는 경우 확실하게이 도전을 공격하는 한 가지 이상의 방법이 있습니다. 이 인기있는 소식을 확인하는 것이 좋습니다. How can I upload files asynchronously?