{"id":24795,"date":"2021-05-25T13:47:00","date_gmt":"2021-05-25T10:47:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=24795"},"modified":"2021-10-17T20:40:15","modified_gmt":"2021-10-17T17:40:15","slug":"kuinka-ladata-ja-rajata-kuvaa-laravelissa-kayttamalla-imgareaselect-ja-intervention-kuvakirjastoa","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/kuinka-ladata-ja-rajata-kuvaa-laravelissa-kayttamalla-imgareaselect-ja-intervention-kuvakirjastoa\/","title":{"rendered":"Kuinka ladata ja rajata kuvaa Laravelissa k\u00e4ytt\u00e4m\u00e4ll\u00e4 imgAreaSelect- ja Intervention-kuvakirjastoa"},"content":{"rendered":"

\u00c4skett\u00e4in yksi lukijoistamme pyysi kirjoittamaan artikkelin kuvien lataamisesta ja rajaamisesta Laraveliin. Aiemmin julkaisin samaa aihetta koskevan artikkelin PHP: n lataamiseen, rajaamiseen ja kuvan koon muuttamiseen PHP: ss\u00e4<\/a>. Mutta kun on kyse Laravelista, meid\u00e4n on teht\u00e4v\u00e4 muutoksia Laravelin standardien mukaisesti. T\u00e4ss\u00e4 artikkelissa tutkitaan, miten kuvia ladataan ja rajataan Laraveliin.<\/p>\n

T\u00e4ss\u00e4 opetusohjelmassa aion k\u00e4ytt\u00e4\u00e4 kahta kirjastoa – imgAreaSelect ja Intervention Image.<\/p>\n

imgAreaSelect<\/a> on jQuery-laajennus, joka mahdollistaa kuvien rajaamisen valitsemalla kuvan suorakulmaisen alueen. Se on kevyt laajennus ja helppo k\u00e4ytt\u00e4\u00e4.<\/p>\n

Toisaalta Intervention Image<\/a> on kuvank\u00e4sittely- ja manipulointikirjasto. T\u00e4m\u00e4 kirjasto auttaa meit\u00e4 luomaan, muokkaamaan ja s\u00e4velt\u00e4m\u00e4\u00e4n kuvia palvelinpuolella.<\/p>\n

T\u00e4ss\u00e4 opetusohjelmassa k\u00e4yt\u00e4n imgAreaSelect-sovellusta saadaksesi rajatun kuvan ja Intervention-kuvakirjaston koordinaatit kuvan rajaamiseksi palvelinpuolelle koordinaattien mukaisesti.<\/p>\n

P\u00e4\u00e4st\u00e4 alkuun<\/h3>\n

Aloittamiseksi sinun olisi pit\u00e4nyt asentaa Laravel. Jos et ole viel\u00e4 luonut, asenna se komennolla:<\/p>\n

composer create-project --prefer-dist laravel\/laravel laravel-dev<\/code><\/pre>\n
Yll\u00e4 oleva komento asettaa sinulle Laravel-projektin nimelt\u00e4 ’laravel-dev’.<\/p>\n
Asenna seuraavaksi Intervention kuvakirjasto Laravel-projektiisi. Suorita alla oleva komento projektin juurihakemistosta.<\/p>\n
composer require intervention\/image<\/code><\/pre>\n
Kun olet asentanut kirjaston, avaa config\/app.php<\/code>tiedosto ja lis\u00e4\u00e4 siihen seuraavat rivit.<\/p>\n
Lis\u00e4\u00e4 t\u00e4m\u00e4n paketin palveluntarjoajat $providers<\/code>matriisiin.<\/p>\n
InterventionImageImageServiceProvider::class<\/code><\/pre>\n
Lis\u00e4\u00e4 julkisivu $aliases<\/code>taulukkoon.<\/p>\n
'Image' => InterventionImageFacadesImage::class<\/code><\/pre>\n
Lataa lopuksi imgAreaSelect-<\/a> laajennus. Kopioi ladatusta ZIP-tiedostosta kuvat, CSS-, JS-tiedosto ja liit\u00e4 Laravel-projektin julkiseen kansioon. Pohjimmiltaan rakenteen tulisi olla kuin alla oleva kuvakaappaus.<\/p>\n
\"Kuinka<\/a><\/p>\n
Kuinka k\u00e4ytt\u00e4\u00e4 imgAreaSelect-ohjelmaa<\/h3>\n
Rakennamme sille rakenteen, koska aiomme k\u00e4ytt\u00e4\u00e4 imgAreaSelect-laajennuksen CSS: \u00e4\u00e4 ja JS: \u00e4\u00e4. Luo resources\/views\/layouts\/app.blade.php<\/code>tiedosto ja lis\u00e4\u00e4 siihen alla oleva koodi.<\/p>\n
<!DOCTYPE html>\n<html lang=\"{{ app()->getLocale() }}\">\n<head>\n\u00a0\u00a0\u00a0\u00a0<meta charset=\"utf-8\">\n\u00a0\u00a0\u00a0\u00a0<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n\u00a0\u00a0\u00a0\u00a0<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n\u00a0\u00a0\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0<!-- CSRF Token -->\n\u00a0\u00a0\u00a0\u00a0<meta name=\"csrf-token\" content=\"{{ csrf_token() }}\">\n\u00a0\u00a0\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0<title>{{ config('app.name', 'Laravel') }}<\/title>\n\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0@yield('style')\n<\/head>\n<body>\n\u00a0\u00a0\u00a0\u00a0<div id=\"app\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0@yield('content')\n\u00a0\u00a0\u00a0\u00a0<\/div>\n\u00a0\u00a0\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0@yield('footer')\n<\/body>\n<\/html><\/code><\/pre>\n
T\u00e4m\u00e4 tiedosto toimii yhten\u00e4isen\u00e4 tiedostona kaikille terille. Paikkamerkkien (@yield<\/code>) avulla koodi voidaan sijoittaa ter\u00e4tiedostoon vastaaviin paikkoihin, kuten otsikkoon, alatunnisteeseen jne.<\/p>\n
Luo image.blade.php<\/code>tiedosto resources\/views<\/code>hakemistoon. T\u00e4ll\u00e4 korttitiedostolla on seuraava koodi.<\/p>\n
image.blade.php<\/strong><\/p>\n
@extends('layouts.app')\n\u00a0\u00a0\n@section('style')\n\u00a0\u00a0\u00a0\u00a0<link rel=\"stylesheet\" href=\"{{ asset('css\/imgareaselect.css') }}\" \/>\n@endsection\n\u00a0\u00a0\n@section('content')\n\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0@if(session('success'))\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<div class=\"alert alert-success\">{{session('success')}}<\/div>\n\u00a0\u00a0\u00a0\u00a0@endif\n\u00a0\u00a0\u00a0\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0<div class=\"container mt-5\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<form action=\"{{ url('image') }}\" method=\"post\" enctype=\"multipart\/form-data\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<div class=\"form-group\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<label for=\"exampleInputImage\">Image:<\/label>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<input type=\"file\" name=\"profile_image\" id=\"exampleInputImage\" class=\"image\" required>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<input type=\"hidden\" name=\"x1\" value=\"\" \/>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<input type=\"hidden\" name=\"y1\" value=\"\" \/>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<input type=\"hidden\" name=\"w\" value=\"\" \/>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<input type=\"hidden\" name=\"h\" value=\"\" \/>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/div>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0{{ csrf_field() }}\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<button type=\"submit\" class=\"btn btn-primary\">Submit<\/button>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/form>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<div class=\"row mt-5\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<p><img id=\"previewimage\" style=\"display:none;\"\/><\/p>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0@if(session('path'))\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<img src=\"{{ session('path') }}\" \/>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0@endif\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/div>\n\u00a0\u00a0\u00a0\u00a0<\/div>\n@endsection\n\u00a0\n@section('footer')\n\u00a0\u00a0\u00a0\u00a0<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/3.5.1\/jquery.min.js\"><\/script>\n\u00a0\u00a0\u00a0\u00a0<script src=\"{{ asset('js\/jquery.imgareaselect.min.js') }}\"><\/script>\n\u00a0\u00a0\u00a0\u00a0<script>\n\u00a0\u00a0\u00a0\u00a0jQuery(function($) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var p = $(\"#previewimage\");\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$(\"body\").on(\"change\", \".image\", function(){\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var imageReader = new FileReader();\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0imageReader.readAsDataURL(document.querySelector(\".image\").files[0]);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0imageReader.onload = function (oFREvent) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0p.attr('src', oFREvent.target.result).fadeIn();\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0};\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0});\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$('#previewimage').imgAreaSelect({\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0onSelectEnd: function (img, selection) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$('input[name=\"x1\"]').val(selection.x1);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$('input[name=\"y1\"]').val(selection.y1);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$('input[name=\"w\"]').val(selection.width);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$('input[name=\"h\"]').val(selection.height);\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0});\n\u00a0\u00a0\u00a0\u00a0});\n\u00a0\u00a0\u00a0\u00a0<\/script>\n@endsection<\/code><\/pre>\n
Olet ehk\u00e4 huomannut joitakin juttuja edell\u00e4 tiedosto kuten @extends('layouts.app')<\/code>, @section('style')<\/code>, @section('content')<\/code>jne N\u00e4m\u00e4 osiot menev\u00e4t vastaavissa paikoissa app.blade.php<\/code>. K\u00e4ytt\u00e4j\u00e4 saa paremman k\u00e4sityksen siit\u00e4, kun tarkastelet t\u00e4m\u00e4n sivun l\u00e4hdett\u00e4 selaimessa.<\/p>\n
Voit kutsua t\u00e4m\u00e4n n\u00e4kym\u00e4n luomalla ohjaimen komennolla:<\/p>\n
php artisan make:controller ImageController --resource<\/code><\/pre>\n
Lis\u00e4\u00e4 t\u00e4m\u00e4n ohjaimen viite reittitiedostoon.<\/p>\n
reitit \/ web.php<\/strong><\/p>\n
Route::resource('image', 'ImageController');<\/code><\/pre>\n
Avaa editorissa ImageController ja kutsu n\u00e4kym\u00e4tiedosto hakemistomenetelm\u00e4ll\u00e4.<\/p>\n
<?php\n\u00a0\nnamespace AppHttpControllers;\n\u00a0\nuse IlluminateHttpRequest;\nuse Image;\n\u00a0\nclass ImageController extends Controller\n{\n\u00a0\u00a0\u00a0\u00a0\/**\n\u00a0\u00a0\u00a0\u00a0\u00a0* Display a listing of the resource.\n\u00a0\u00a0\u00a0\u00a0\u00a0*\n\u00a0\u00a0\u00a0\u00a0\u00a0* @return IlluminateHttpResponse\n\u00a0\u00a0\u00a0\u00a0\u00a0*\/\n\u00a0\u00a0\u00a0\u00a0public function index()\n\u00a0\u00a0\u00a0\u00a0{\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return view('image');\n\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\u00a0\u00a0.....\n}<\/code><\/pre>\n
Suorita php artisan serve<\/code>komento ja n\u00e4et lomakkeen alla olevassa URL-osoitteessa.<\/p>\n
http:\/\/localhost:8000\/image<\/code><\/pre>\n
Kun lataat kuvan, sinun pit\u00e4isi n\u00e4hd\u00e4 esikatselukuva lomakkeen alla. T\u00e4st\u00e4 esikatselusta voit valita osan kuvasta, jonka haluat rajata.<\/p>\n
\"Kuinka<\/a><\/p>\n
Lataa ja rajaa kuva k\u00e4ytt\u00e4m\u00e4ll\u00e4 interventiokuvakirjastoa<\/h3>\n
T\u00e4ss\u00e4 vaiheessa olemme saaneet valmiiksi asiakaspuolen koodin, jolla k\u00e4ytt\u00e4j\u00e4 voi valita osan kuvasta, jonka haluaa rajata. Seuraava ty\u00f6 on kuvan rajaaminen ja tallentaminen palvelimelle. Kuvan tallentamiseksi palvelimelle k\u00e4yt\u00e4n Laravel-tallennusominaisuutta, jossa luomme symboli linkist\u00e4 ’storage’ -kansioon. Voit luoda symlinkin suorittamalla komennon:<\/p>\n
php artisan storage:link<\/code><\/pre>\n
T\u00e4m\u00e4 komento luo ’storage’ -hakemiston ’public’ -kansioon.<\/p>\n
Ohjaimeemme sis\u00e4llytimme jo julkisivun, use Image;<\/code>joten sinun on hyv\u00e4 edet\u00e4 Intervention-kuvakirjaston avulla kuvan rajaamiseen palvelinpuolella. Ohjaimen store()<\/code>menetelm\u00e4ll\u00e4 tulisi olla alla oleva koodi:<\/p>\n
\/**\n\u00a0* Store a newly created resource in storage.\n\u00a0*\n\u00a0* @param\u00a0 IlluminateHttpRequest\u00a0 $request\n\u00a0* @return IlluminateHttpResponse\n\u00a0*\/\npublic function store(Request $request)\n{\n\u00a0\u00a0\u00a0\u00a0if($request->hasFile('profile_image')) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/get filename with extension\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$filenamewithextension = $request->file('profile_image')->getClientOriginalName();\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/get filename without extension\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$filename = pathinfo($filenamewithextension, PATHINFO_FILENAME);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/get file extension\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$extension = $request->file('profile_image')->getClientOriginalExtension();\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/filename to store\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$filenametostore = $filename.'_'.time().'.'.$extension;\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/Upload File\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$request->file('profile_image')->storeAs('public\/profile_images', $filenametostore);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if(!file_exists(public_path('storage\/profile_images\/crop'))) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0mkdir(public_path('storage\/profile_images\/crop'), 0755);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ crop image\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$img = Image::make(public_path('storage\/profile_images\/'.$filenametostore));\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$croppath = public_path('storage\/profile_images\/crop\/'.$filenametostore);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$img->crop($request->input('w'), $request->input('h'), $request->input('x1'), $request->input('y1'));\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$img->save($croppath);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ you can save crop image path below in database\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$path = asset('storage\/profile_images\/crop\/'.$filenametostore);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return redirect('image')->with(['success' => \"Image cropped successfully.\", 'path' => $path]);\n\u00a0\u00a0\u00a0\u00a0}\n}<\/code><\/pre>\n
T\u00e4ss\u00e4 koodissa tallennamme kuvan rajatun version hakemistoon ’public \/ storage \/ profile_images \/ crop’. Sen tallentamisen j\u00e4lkeen ohitamme rajatun kuvan polun takaisin n\u00e4kym\u00e4\u00e4n. Ja katselutiedostoon lis\u00e4simme jo koodin, joka n\u00e4ytt\u00e4\u00e4 rajatun kuvan loppuk\u00e4ytt\u00e4j\u00e4lle.<\/p>\n
Aseta kuvan suurin leveys<\/h3>\n
Joskus k\u00e4ytt\u00e4j\u00e4t saattavat haluta m\u00e4\u00e4ritell\u00e4 kuvan rajausversiolle enimm\u00e4isleveyden. ImgAreaSelect-laajennus tarjoaa useita vaihtoehtoja, kuten aspektisuhde, maxWidth, maxHeight jne., Jotta kuvan lopputulos voidaan mukauttaa. K\u00e4ytt\u00e4j\u00e4 voi k\u00e4ytt\u00e4\u00e4 maxWidth-vaihtoehtoa muuttamalla JavaScript-koodia seuraavasti:<\/p>\n
$('#previewimage').imgAreaSelect({\n\u00a0\u00a0\u00a0\u00a0maxWidth: '1000', \/\/ this value is in pixels\n\u00a0\u00a0\u00a0\u00a0onSelectEnd: function (img, selection) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$('input[name=\"x1\"]').val(selection.x1);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$('input[name=\"y1\"]').val(selection.y1);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$('input[name=\"w\"]').val(selection.width);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$('input[name=\"h\"]').val(selection.height);\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \n\u00a0\u00a0\u00a0\u00a0}\n});<\/code><\/pre>\n
Kyse on siit\u00e4, miten kuvia ladataan ja rajataan Laraveliin. Toivon, ett\u00e4 sait tiet\u00e4\u00e4 kuinka k\u00e4sitell\u00e4 kuvien rajaamista. Haluaisin kuulla ajatuksesi ja ehdotuksesi alla olevassa kommenttiosassa.<\/p>\n
Aiheeseen liittyv\u00e4t artikkelit<\/h4>\n