Category Archives: PHP

Image Library – intervention/image

Official Site:

http://image.intervention.io/getting_started/installation

Resize and Crop Example:

    private function save_s3($path){
        if(is_s3($path) == true){
            return true;
        }

        //Relative path -> full path
        $file_path = public_path($path);
        $file = File::get($file_path);
        //logg($path);
        $result = Storage::disk('s3')->put($path, $file, 'public');

        //Handle thumb
        $dir = dirname($file_path) . '/thumbs/';
        if(file_exists($dir) == false){
            mkdir($dir);
        }
        $file_name = basename($file_path);
        $thumb = $dir . $file_name;
        if(file_exists($thumb) == false){
            //Make a new thumb file
            $image = Image::make($file_path);

            $width = $image->width();
            $height = $image->height();
            if($width >= $height){
                $image->resize(null, 150, function($constraint){
                    $constraint->aspectRatio();
                });
            }else{
                $image->resize(150, null, function($constraint){
                    $constraint->aspectRatio();
                });
            }
            
            $image->crop(150, 150)->save($thumb);
        }
        $file = File::get($thumb);
        $path = dirname($path) . '/thumbs/' . $file_name;
        $result = Storage::disk('s3')->put($path, $file, 'public');
        //logg($thumb);

        if($result != true){
            return false;
        }else{
            return true;
        }
    }

private function save_s3($path){

if(is_s3($path) == true){

return true;

}

//Relative path -> full path

$file_path = public_path($path);

$file = File::get($file_path);

//logg($path);

$result = Storage::disk('s3')->put($path, $file, 'public');

//Handle thumb

$dir = dirname($file_path) . '/thumbs/';

if(file_exists($dir) == false){

mkdir($dir);

}

$file_name = basename($file_path);

$thumb = $dir . $file_name;

if(file_exists($thumb) == false){

//Make a new thumb file

$image = Image::make($file_path);

$width = $image->width();

$height = $image->height();

if($width >= $height){

$image->resize(null, 150, function($constraint){

$constraint->aspectRatio();

});

}else{

$image->resize(150, null, function($constraint){

$constraint->aspectRatio();

});

}

$image->crop(150, 150)->save($thumb);

}

$file = File::get($thumb);

$path = dirname($path) . '/thumbs/' . $file_name;

$result = Storage::disk('s3')->put($path, $file, 'public');

//logg($thumb);

if($result != true){

return false;

}else{

return true;

}

Guzzle usages

Basic

$response = $client->request('POST', 'http://httpbin.org/post', [
    'form_params' => [
        'field_name' => 'abc',
        'other_field' => '123',
        'nested_field' => [
            'nested' => 'hello'
        ]
    ]
]);

$response = $client->request('POST', 'http://httpbin.org/post', [

'form_params' => [

'field_name' => 'abc',

'other_field' => '123',

'nested_field' => [

'nested' => 'hello'

]

]);

Get raw response

//Return all data
$contents = (string) $response->getBody();

//getContents returns the remaining contents
$contents = $response->getBody()->getContents();

//Return all data

$contents = (string) $response->getBody();

//getContents returns the remaining contents

$contents = $response->getBody()->getContents();

Reference:

https://stackoverflow.com/questions/30549226/guzzlehttp-how-get-the-body-of-a-response-from-guzzle-6

Send Request by axios and server side (php) get empty request

Vue.js or React.js use axios to send request to server, but sometimes server side get nothing.

Reason:

axios send data in JSON format by default. So you need to change the request data type or use another way to get data.

Reference:

https://stackoverflow.com/questions/46274928/react-js-using-axios-to-post-data-to-php-but-php-echo-empty

User group can not delete image file of image field

The role must have “Browser Admin” and “Browser Media” permission to delete an image.

Composer Symbols

https://getcomposer.org/doc/articles/versions.md#tilde-version-range-

Upload File to S3 using Laravel

Local file

    private function save_s3($path){
        if(is_s3($path) == true){
            return true;
        }

        $file_path = public_path($path);
        $file = File::get($file_path);
        //$file_name = basename($path);
        $result = Storage::disk('s3')->put($path, $file, 'public');

        if($result != true){
            return false;
        }else{
            return true;
        }
    }

private function save_s3($path){

if(is_s3($path) == true){

return true;

}

$file_path = public_path($path);

$file = File::get($file_path);

//$file_name = basename($path);

$result = Storage::disk('s3')->put($path, $file, 'public');

if($result != true){

return false;

}else{

return true;

}

Other related helper functions

if(!function_exists('s3_url')){
	function s3_url($path){
		if(is_s3($path) == true){
			return $path;
		}
		
		return 'https://topeak-img.s3.eu-central-1.amazonaws.com' . $path;
	}
}

if(!function_exists('is_s3')){
	function is_s3($url){
		$pattern = '/(s3-|s3\.)?(.*)\.amazonaws\.com/';
		preg_match($pattern, $url, $match);
		if($match == false){
			return false;
		}

		return true;
	}
}

if(!function_exists('s3_url')){

function s3_url($path){

if(is_s3($path) == true){

return $path;

}

return 'https://topeak-img.s3.eu-central-1.amazonaws.com' . $path;

}

if(!function_exists('is_s3')){

function is_s3($url){

$pattern = '/(s3-|s3\.)?(.*)\.amazonaws\.com/';

preg_match($pattern, $url, $match);

if($match == false){

return false;

}

return true;

}

Custom Usage of Laravel Filemanager

HTML

{{--
@php
  $field = ['tag_icon', 'Label icon image'];
  $value = val($row, $field[0]);
  $cp_data = [
    'field'=>$field, 
    'value'=>$value, 
    'locales' => $locales,
    'model' => $row
  ];
@endphp
@component('admin.components.form.image', $cp_data)
@endcomponent
--}}

<div class="form-group lfm">
    <label for="{{$field[0]}}" class="col-md-3 control-label">
        {{$field[1]}}
        @if(isset($field[2]) && $field[2] == true)
        *
        @endif
    </label>
    <div class=" col-md-9">
        <div>
            <a data-input="thumbnail" data-preview="holder" class="btn btn-primary bt_lfm" style="color: #FFF;" >
                <i class="fa fa-picture-o"></i> Choose
            </a>
        </div>
        <div class="lfm-thumbs" data-field-name="{{$field[0]}}">
            
        </div>
    </div>
</div>

{{--

@php

$field = ['tag_icon', 'Label icon image'];

$value = val($row, $field[0]);

$cp_data = [

'field'=>$field,

'value'=>$value,

'locales' => $locales,

'model' => $row

];

@endphp

@component('admin.components.form.image', $cp_data)

@endcomponent

--}}

@if(isset($field[2]) && $field[2] == true)

@endif

</label>

<div>

<i class="fa fa-picture-o"></i> Choose

</a>

</div>

</div>

Javascript (lfm_app.js):

$(document).ready(function(){
    lfm_app.init();
});

var lfm_app = function(){

    function init(){
        $('.lfm').each(function(index){
            var $wrap = $(this);
            $wrap.find('.bt_lfm').off('click').on('click', function(){
                var $this = $(this);

                var images = images2($wrap);
                //Get by attr and will keep getting the same value
                var limit = get_limit($wrap);
                //console.log(limit);

                if(limit > 0 && images.length >= limit){
                    alert('You can not choose more images');
                    return false;
                }

                //This callback will override function SetUrl in /vendor/laravel-filemanager/js/lfm.js
                show({type: 'file'}, function(url, path) {
                    var $holder = $wrap.find('.lfm-thumbs');
                    var field_name = $holder.data('field-name');

                    append(field_name, path);
                });
            });
        });

        $('.lfm').undelegate('.lfm-thumb .remove', 'click')
            .delegate('.lfm-thumb .remove', 'click', function(e){
                e.preventDefault();
                var $this = $(this);
                $this.parent().remove();
            });
    }

    function show(options, cb) {
        var route_prefix = (options && options.prefix) ? options.prefix : '/laravel-filemanager';

        window.open(route_prefix + '?type=' + options.type || 'file', 'FileManager', 'width=900,height=600');
        window.SetUrl = cb;
    }

    function detect_media_type(path){
        var type = 'image';

        var pattern = /\.mp4/i;
        var result = path.match(pattern);
        if(result != null){
            type = 'video';
        }

        return type;
    }

    function append(field_name, path, thumb){
        if(typeof thumb == 'undefined'){
            thumb = path;
        }

        var $thumbs = $('.lfm .lfm-thumbs[data-field-name="' + field_name + '"]');

        var img = '<img src="' + thumb + '">';
        var media_type = detect_media_type(path);
        if(media_type == 'video'){
            img = '<img src="/assets/admin/img/video.png">';
        }

        var $thumb = $('<a class="lfm-thumb" href="' + path + '" target="_blank" data-path="' + path + '">' + 
            '<span href="#" class="remove">X</span>' + 
            img + 
            '</a>'
        );
        $thumbs.append($thumb);
    }

    function images(field_name){
        var $thumbs = $('.lfm .lfm-thumbs[data-field-name="' + field_name + '"]');
        if($thumbs.length == 0){
            return [];
        }

        var arr = [];
        $thumbs.find('.lfm-thumb').each(function(index){
            var $this = $(this);
            arr.push($this.data('path'));
        });

        return arr;
    }

    function images2($wrap){
        var $thumbs = $wrap.find('.lfm-thumbs');
        if($thumbs.length == 0){
            return [];
        }

        var arr = [];
        $thumbs.find('.lfm-thumb').each(function(index){
            var $this = $(this);
            arr.push($this.data('path'));
        });

        return arr;
    }

    function get_limit($wrap){
        return parseInt($wrap.find('.bt_lfm').data('limit'));
    }

    return {
        init: init, 
        show: show, 
        append: append, 
        images: images
    }
}();

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

$(document).ready(function(){

lfm_app.init();

});

var lfm_app = function(){

function init(){

$('.lfm').each(function(index){

var $wrap = $(this);

$wrap.find('.bt_lfm').off('click').on('click', function(){

var $this = $(this);

var images = images2($wrap);

//Get by attr and will keep getting the same value

var limit = get_limit($wrap);

//console.log(limit);

if(limit > 0 && images.length >= limit){

alert('You can not choose more images');

return false;

}

//This callback will override function SetUrl in /vendor/laravel-filemanager/js/lfm.js

show({type: 'file'}, function(url, path) {

var $holder = $wrap.find('.lfm-thumbs');

var field_name = $holder.data('field-name');

append(field_name, path);

});

$('.lfm').undelegate('.lfm-thumb .remove', 'click')

.delegate('.lfm-thumb .remove', 'click', function(e){

e.preventDefault();

var $this = $(this);

$this.parent().remove();

});

}

function show(options, cb) {

var route_prefix = (options && options.prefix) ? options.prefix : '/laravel-filemanager';

window.open(route_prefix + '?type=' + options.type || 'file', 'FileManager', 'width=900,height=600');

window.SetUrl = cb;

}

function detect_media_type(path){

var type = 'image';

var pattern = /\.mp4/i;

var result = path.match(pattern);

if(result != null){

type = 'video';

}

return type;

}

function append(field_name, path, thumb){

if(typeof thumb == 'undefined'){

thumb = path;

}

var $thumbs = $('.lfm .lfm-thumbs[data-field-name="' + field_name + '"]');

var img = '<img src="' + thumb + '">';

var media_type = detect_media_type(path);

if(media_type == 'video'){

img = '<img src="/assets/admin/img/video.png">';

}

var $thumb = $('<a class="lfm-thumb" href="' + path + '" target="_blank" data-path="' + path + '">' +

'<span href="#" class="remove">X</span>' +

img +

'</a>'

);

$thumbs.append($thumb);

}

function images(field_name){

var $thumbs = $('.lfm .lfm-thumbs[data-field-name="' + field_name + '"]');

if($thumbs.length == 0){

return [];

}

var arr = [];

$thumbs.find('.lfm-thumb').each(function(index){

var $this = $(this);

arr.push($this.data('path'));

});

return arr;

}

function images2($wrap){

var $thumbs = $wrap.find('.lfm-thumbs');

if($thumbs.length == 0){

return [];

}

var arr = [];

$thumbs.find('.lfm-thumb').each(function(index){

var $this = $(this);

arr.push($this.data('path'));

});

return arr;

}

function get_limit($wrap){

return parseInt($wrap.find('.bt_lfm').data('limit'));

}

return {

init: init,

show: show,

append: append,

images: images

}

}();

Usage:

//var images = lfm_app.images('field_name');
//lfm_app.append('field_name', '/photo/1234.jpg');
@if(val($row, 'tag_icon') != false)
  @php
    echo "lfm_app.append('tag_icon', '" . val($row, 'tag_icon') . "');";
  @endphp
@endif

//var images = lfm_app.images('field_name');

//lfm_app.append('field_name', '/photo/1234.jpg');

@if(val($row, 'tag_icon') != false)

@php

echo "lfm_app.append('tag_icon', '" . val($row, 'tag_icon') . "');";

@endphp

@endif

PHP Archive (Old versions)

https://www.apachelounge.com/viewtopic.php?t=6123

max_input_vars error

Solution

Update value of “max_input_vars” in php.ini

https://stackoverflow.com/questions/10303714/php-max-input-vars

AjaxResponse Trait for CodeIgniter 2

Usage:

require_once APPPATH.'traits/AjaxResponse.php';

class CustomerList extends CI_Controller
{
    use AjaxResponse;

    public function __construct(){
    }
}

require_once APPPATH.'traits/AjaxResponse.php';

class CustomerList extends CI_Controller

{

use AjaxResponse;

public function __construct(){

}

Trait

trait AjaxResponse
{
    protected $is_laravel = false;

    protected function json_response($data){
        if($this->is_laravel == false){
            header('Content-Type: application/json');
            echo json_encode($data);
            exit();
        }else{
            return response()->json($data);
        }
    }

    protected function success_response($data, $extra=null){
        $response = [
            'status' => 'success', 
            'data' => $data, 
            'extra' => $extra
        ];
 
        if($this->is_laravel == false){
            header('Content-Type: application/json');
            echo json_encode($response);
            exit();
        }else{
            return response()->json($response);
        }
    }
 
    protected function fail_response($msg, $code=0){
        $response = [
            'status' => 'fail', 
            'code' => $code, 
            'message' => $msg
        ];
 
        if($this->is_laravel == false){
            header('Content-Type: application/json');
            echo json_encode($response);
            exit();
        }else{
            return response()->json($response);
        }
    }
 
    protected function error_response($errors, $msg='網路錯誤'){
        $response = [
            'message' => $msg,
            'errors' => $errors
        ];

        if($this->is_laravel == false){
            header('Content-Type: application/json');
            echo json_encode($response);
            exit();
        }else{
            return response()->json($response, 422);
        }
    }
 
    protected function datatable_response($total, $filtered_total, $data=[], $draw=0){
        $out = array();
        $out['draw'] = $draw;
        $out['recordsTotal'] = $total;
        $out['recordsFiltered'] = $filtered_total;
        $out['data'] = $data;

        if($this->is_laravel == false){
            header('Content-Type: application/json');
            echo json_encode($out);
            exit();
        }else{
            return response()->json($out);
        }
    }
}

trait AjaxResponse

{

protected $is_laravel = false;

protected function json_response($data){

if($this->is_laravel == false){

header('Content-Type: application/json');

echo json_encode($data);

exit();

}else{

return response()->json($data);

}

protected function success_response($data, $extra=null){

$response = [

'status' => 'success',

'data' => $data,

'extra' => $extra

];

if($this->is_laravel == false){

header('Content-Type: application/json');

echo json_encode($response);

exit();

}else{

return response()->json($response);

}

protected function fail_response($msg, $code=0){

$response = [

'status' => 'fail',

'code' => $code,

'message' => $msg

];

if($this->is_laravel == false){

header('Content-Type: application/json');

echo json_encode($response);

exit();

}else{

return response()->json($response);

}

protected function error_response($errors, $msg='網路錯誤'){

$response = [

'message' => $msg,

'errors' => $errors

];

if($this->is_laravel == false){

header('Content-Type: application/json');

echo json_encode($response);

exit();

}else{

return response()->json($response, 422);

}

protected function datatable_response($total, $filtered_total, $data=[], $draw=0){

$out = array();

$out['draw'] = $draw;

$out['recordsTotal'] = $total;

$out['recordsFiltered'] = $filtered_total;

$out['data'] = $data;

if($this->is_laravel == false){

header('Content-Type: application/json');

echo json_encode($out);

exit();

}else{

return response()->json($out);

}

Rex's Personal Site

This site is built on WordPress and contains personal notes, photos and videos

Category Archives: PHP

Image Library – intervention/image

Guzzle usages

Send Request by axios and server side (php) get empty request

User group can not delete image file of image field

Composer Symbols

Upload File to S3 using Laravel

Custom Usage of Laravel Filemanager

PHP Archive (Old versions)

max_input_vars error

AjaxResponse Trait for CodeIgniter 2

June 2019
M	T	W	T	F	S	S
« May
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30