PHP結(jié)合jquery ajax實(shí)現(xiàn)上傳多張圖片，并限制圖片大小操作示例

2024-05-05 00:07:05

字體：大中小

供稿：網(wǎng)友

本文實(shí)例講述了PHP結(jié)合jquery ajax實(shí)現(xiàn)上傳多張圖片，并限制圖片大小操作。分享給大家供大家參考，具體如下：

php用jquery-ajax上傳多張圖片限制圖片大小

/** * 上傳圖片，默認(rèn)大小限制為3M * @param String $fileInputName * @param number $size */public function processUpload($fileInputName,$size=3145728){  $result = array('status'=>0, 'errcode'=>null, 'group'=>'', 'path'=>'', 'site'=>'', 'size'=>0);  $file = $_FILES[$fileInputName];  //用filesize函數(shù)獲取文件大小,filesize這個(gè)內(nèi)置函數(shù)不能直接放$fileInputName或者$file['name']，要用$file['tmp_name']，或者直接用$file['size']  $bytes = $file['size'];  if($bytes==0 || $bytes > $size){    $result['status'] = -1;    $result['size'] = $bytes;    return $result;  }  $fileMIME = $file['type'];  $originFilename = $file['name'];  $tmpFileDir = C('FILE_UPLOAD_SWAP_DIR');  $fileName = CommonUtil::generateUUid();  switch ($fileMIME)  {    case 'image/jpeg': //jpeg jpg jpe      $tmpFile = $tmpFileDir.$fileName.'.jpg';      break;    case 'application/x-jpg':      $tmpFile = $tmpFileDir.$fileName.'.jpg';      break;    default:      $result['status'] = 1;      $result['group'] = $tmpFileDir.$fileName;      $result['site'] = $fileMIME;      return $result;  }  //......}

PHP,jquery,ajax,上傳多張圖片

上圖是打印出來(lái)的$file屬性

下面是控制器代碼

/** * 上傳多張圖片公共方法 * fileName 為input的name屬性 */public function doUploadJpgMultiple(){  $filename = I('get.fileName','');  $uploader = new UploadJpgUtil();  $result = $uploader->processUpload($filename);  echo json_encode($result);}

下面是ajax代碼

//一個(gè)頁(yè)面上傳多張圖片function ajaxUploadMultiple(j) {  $.ajaxFileUpload({    url : base_url+"/UploadImgUtil/doUploadJpgMultiple?fileName=fileToUpload"+ j,    secureuri : false,    fileElementId : "fileToUpload"+ j,// file控件id    type: "POST",    dataType: 'json',    success : function(data, status) {      if (typeof (data.status) != 'undefined') {        if (data.status == -1) {          alert('上傳圖片不能超過(guò)規(guī)定大小');        }else if (data.status == 1) {          alert('上傳圖片不是JPG格式');        }else if (data.status != 0) {          alert('status='+data.status + ' errcode=' + data.errcode);        }        else {          var fileUrl = 'http://' + data.site + '/' + data.group            + '/' + data.path;          $('#flatImgthumb'+ j).attr('src', fileUrl);          $('#hidFlatImgthumb'+ j).val(data.group + '/' + data.path);        }      }    },    error : function(data, status, e) {      alert(e);    }  });  return false;}

PHP,jquery,ajax,上傳多張圖片