如果是表單普通方式提交,後台驗證沒什麼問題:
$file = $request->avatar; $input = array('image' => $file); $rules = array( 'image' => 'image' ); $validator = \Validator::make($input, $rules); if ( $validator->fails() ) { return \Response::json([ 'success' => false, 'errors' => $validator->getMessageBag()->toArray() ]); }
可是,用formData物件提交,這個圖片文件轉換成了blob文件,就不能驗證了:
$('#uploadAvatar').on('click', function (e) { $('#uploadAvatar').html('正在保存...'); $("#image").cropper('getCroppedCanvas').toBlob(function (blob) { var formData = new FormData(); formData.append('croppedImage', blob); $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } }); $.ajax({ type: "POST", url: "{{ url('/avatar') }}", processData: false, contentType: false, cache: false, data: formData }).done(function (response) { showResponse(response); }).fail(function (data) { alert('提交失败,请尝试重新提交'); }); }); });
後台怎麼才可以驗證blob檔案是圖片?
很簡單啊,搞個臨時變數還原回來不就好了?
$file = file_put_contents('/path/to/new/file_name', $blob);
擴充驗證規則用
getimagesize
可以用 base64 流的方式