快捷導(dǎo)航

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

更新時(shí)間：2019年03月01日 10:03:00 作者：流風(fēng)，飄然的風(fēng)

這篇文章主要介紹了PHP結(jié)合jquery ajax實(shí)現(xiàn)上傳多張圖片，并限制圖片大小操作,涉及php結(jié)合jQuery ajax文件上傳及文件屬性相關(guān)操作技巧,需要的朋友可以參考下

本文實(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;
  }
  //......
}

上圖是打印出來的$file屬性

下面是控制器代碼

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

下面是ajax代碼

//一個(gè)頁面上傳多張圖片
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ī)定大小');
        }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;
}