Chuyển đổi html sang hình ảnh laravel 8

Question

Laravel tạo hướng dẫn hình ảnh thang độ xám;

Nội dung chính Show

Laravel 9 Ví dụ chuyển đổi hình ảnh thang độ xám
Tạo dự án Laravel
Cài đặt gói can thiệp hình ảnh
Đăng ký gói can thiệp hình ảnh
Tạo và thiết lập bộ điều khiển
Tạo tuyến đường
Tạo Chế độ xem Blade
Bắt đầu phát triển máy chủ
Phần kết luận
Bài viết đề xuất
Làm cách nào để chuyển đổi HTML sang JPG trong Laravel 8?
Tôi có thể chuyển đổi HTML thành hình ảnh không?
Làm cách nào để chuyển đổi HTML thành hình ảnh trong PHP?
Làm cách nào tôi có thể chuyển đổi mẫu HTML sang laravel 8?

Gói can thiệp hình ảnh PHP cực kỳ hữu ích cho thao tác hình ảnh và nó cung cấp nhiều tính năng để xử lý các tác vụ liên quan đến hình ảnh

Chúng ta sẽ sử dụng phương thức grayscale() của imageCan thiệp để tạo ảnh thang độ xám từ ảnh gốc trong ứng dụng laravel không chỉ hoạt động với phiên bản 8 mà còn tương thích với các phiên bản cũ như laravel 7 và laravel 6

Thang độ xám hoặc hình ảnh là một trong đó giá trị của mỗi pixel là một mẫu duy nhất chỉ đại diện cho một lượng ánh sáng; . Hình ảnh thang độ xám, một loại đơn sắc đen trắng hoặc xám, chỉ bao gồm các sắc thái của màu xám
–Wikipedia

Laravel 9 Ví dụ chuyển đổi hình ảnh thang độ xám

Bước 1. Tạo dự án Laravel
Bước 2. Cài đặt gói can thiệp hình ảnh
Bước 3. Đăng ký gói can thiệp hình ảnh
Bước 4. Tạo và thiết lập bộ điều khiển
Bước 5. Tạo tuyến đường
Bước 6. Tạo Chế độ xem Blade
Bước 7. Bắt đầu phát triển máy chủ

Tạo dự án Laravel

Nếu bạn không biết cách cài đặt ứng dụng laravel, hãy gõ lệnh sau trên thiết bị đầu cuối và gọi nó để cài đặt ứng dụng laravel mới

composer create-project --prefer-dist laravel/laravel d5-demo

Cài đặt gói can thiệp hình ảnh

Bước này giải thích cách cài đặt gói hình ảnh can thiệp trong ứng dụng laravel, thực hiện lệnh sau từ dấu nhắc lệnh

composer require intervention/image

Đăng ký gói can thiệp hình ảnh

Ở bước này chúng ta phải đăng ký gói can thiệp ảnh, mở config/app. php và thêm các thuộc tính đã cho vào mảng nhà cung cấp và bí danh


return [
	......
	......
	$provides => [
		.......
		......,
		......,
		'Intervention\Image\ImageServiceProvider'
	],
	$aliases => [
		......
		......,
		......,
		'Image' => 'Intervention\Image\Facades\Image'
	]
]

Tạo và thiết lập bộ điều khiển

Tiếp theo, bạn phải thực hiện lệnh sau để tạo FileController mới;

php artisan make:controller FileController

Bây giờ, hãy mở và cập nhật mã đề xuất trong app/Http/Controllers/FileController. tập tin php


namespace App\Http\Controllers;
use Illuminate\Http\Request;
use Image;
class FileController extends Controller
{
    public function index()
    {
    	return view('welcome');
    }
    public function imgToGreyscale(Request $request)
    {
        $input = $request->all();
        $this->validate($request, [
              'file' => 'required|image|mimes:jpg,jpeg,png,gif,svg|max:2048',
          ]);
  
          $image = $input['file'];
          $input['file'] = time().'.'.$image->getClientOriginalExtension();
          $img = Image::make($image->getRealPath());
          $img->greyscale()->save(public_path('/uploads').'/'.$input['file']);
  
          return redirect()->back()->with('success','Grayscale file uploaded.')->with('image', $input['file']);
    }
}

Tạo tuyến đường

Chúng ta cần xác định hai tuyến, một tuyến để tải mẫu chế độ xem phiến, một tuyến khác để tạo hình ảnh thang độ xám thông qua yêu cầu POST, mã mở và cập nhật trong tuyến/web. tập tin php


use Illuminate\Support\Facades\Route;
use App\Http\Controllers\FileController;
/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
*/
Route::get('/file', [FileController::class, 'index']);
Route::post('/upload-file', [FileController::class, 'imgToGreyscale'])->name('generateGrayscaleImg');

Tạo Chế độ xem Blade

Trong bước cuối cùng này, chúng tôi sẽ tạo tệp chế độ xem lưỡi cắt và chúng tôi không tạo bất kỳ tệp chế độ xem mới nào. Thay vào đó, chúng tôi đang sử dụng chào mừng mặc định. lưỡi. tập tin php

Vì vậy, hãy mở tài nguyên/lượt xem/chào mừng. lưỡi. php và đặt đoạn mã sau vào bên trong tệp

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
    <title>Laravel</title>
</head>
<body>
    <div class="container mt-5" style="max-width: 550px">
        <h2 class="mb-5">Laravel Grayscale Image Example</h2>     
        <form action="{{route('generateGrayscaleImg')}}" method="post" enctype="multipart/form-data">
            @csrf
            @if ($message = Session::get('success'))
            <div class="alert alert-success">
                <strong>{{ $message }}</strong>
            </div>

            <div class="col-md-12 mb-3">
                <strong>Grayscale Image:</strong><br/>
                <img src="/uploads/{{ Session::get('image') }}" width="550px" />
            </div>
            @endif
            @if (count($errors) > 0)
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
            @endif
            <div class="custom-file">
                <input type="file" name="file" class="custom-file-input" id="chooseFile">
                <label class="custom-file-label" for="chooseFile">Select file</label>
            </div>
            <button type="submit" name="submit" class="btn btn-outline-danger btn-block mt-4">
                Upload
            </button>
        </form>
    </div>
</body>
</html>

Chúng tôi đã tạo một phần tử tải lên tệp cơ bản và chuyển phương thức POST, chuyển đổi hình ảnh gốc thành hình ảnh thang độ xám và tải lên thư mục chung/tải lên

Bạn cần tạo thư mục tải lên bên trong thư mục chung;

Bắt đầu phát triển máy chủ

Ở bước cuối cùng, chúng ta phải khởi động máy chủ phát triển laravel. Đảm bảo đến màn hình terminal, đồng thời gõ lệnh để khởi động ứng dụng laravel

php artisan serve

Nhập url sau trên trình duyệt để kiểm tra ứng dụng

________số 8_______

Phần kết luận

Cuối cùng thì bài hướng dẫn chuyển ảnh laravel grayscale cũng đã kết thúc. Hướng dẫn này giải thích cách dễ dàng tạo một hình ảnh thang độ xám từ hình ảnh gốc trong ứng dụng laravel bằng gói can thiệp hình ảnh

Ngoài chuyển đổi thang độ xám, còn có các API khác được cung cấp bởi plugin can thiệp hình ảnh, cho phép bạn thay đổi kích thước, lọc, điều chỉnh gamma, chiều cao, độ mờ và các yếu tố khác

máy đào

Tôi là Digamber, một nhà phát triển full-stack và là người đam mê thể dục. Tôi đã tạo trang web này để truyền kinh nghiệm mã hóa của mình cho các lập trình viên mới. Tôi thích viết trên JavaScript, ECMAScript, React, Angular, Vue, Laravel

Twitter GitHub

Bài viết đề xuất

Laravel 9 Xác thực Giao thức Internet (IPv6) Hướng dẫn Laravel 9 Nhập bản ghi trong SQL với CSV và Seeder Cách triển khai Xác thực tồn tại trong Laravel 9 Form Laravel 9 Livewire Ví dụ về Hướng dẫn tạo Slug mới Laravel 9 Tạo nhiều Slug duy nhất khi tải trang Hướng dẫn Laravel 9 Bootstrap Tags Ví dụ về hệ thống Hướng dẫn Laravel 9 Tạo

Làm cách nào để chuyển đổi HTML sang JPG trong Laravel 8?

Có thể cài đặt gói này thông qua Composer. sử dụng Spatie\Browsershot\Browsershot; . url('https. //thí dụ. com')->save($pathToImage); Browsershot::url('https://example.com')->save($pathToImage); Browsershot. url('https. //thí dụ. com') ->setScreenshotType('jpeg', 100) ->save($pathToImage);

Tôi có thể chuyển đổi HTML thành hình ảnh không?

Mở tệp HTML của bạn trong trình duyệt hoặc bất kỳ công cụ nào có thể xem được. Chụp nhanh một khu vực bằng công cụ chụp màn hình của bạn (ví dụ: công cụ Snipping trên Windows). Nhấp vào Tệp > Lưu dưới dạng. Chọn vị trí và chọn loại Lưu dưới dạng JPG

Làm cách nào để chuyển đổi HTML thành hình ảnh trong PHP?

Sau đó, bạn có thể sử dụng nó như vậy. $path="wkhtmltoimg/wkhtmltoimage. exe"; //đường dẫn đến tệp thực thi của bạn $url="http. //Google. com"; $output_path="kiểm tra. png"; shell_exec("$path $url $output_path"); Một điều bạn muốn lưu ý là nếu PHP ở chế độ an toàn, shell_exec sẽ .

Làm cách nào tôi có thể chuyển đổi mẫu HTML sang laravel 8?

Cách chuyển đổi mẫu HTML sang dự án Laravel trong 5 bước đơn giản .

Sao chép tất cả. html vào Thư mục dự án Laravel của bạn > Tài nguyên > Chế độ xem

Đổi tên tất cả. tập tin html để. lưỡi. php

Sao chép tất cả thư mục CSS, JS, Hình ảnh và phông chữ vào Thư mục chung

Liên kết tất cả CSS, JS, Hình ảnh bằng cách sử dụng {{ nội dung('/') }}.

Tạo tuyến đường trong Tuyến đường > web

programming html

Chuyển đổi html sang hình ảnh laravel 8

Laravel 9 Ví dụ chuyển đổi hình ảnh thang độ xám

Tạo dự án Laravel

Cài đặt gói can thiệp hình ảnh

Đăng ký gói can thiệp hình ảnh

Tạo và thiết lập bộ điều khiển

Tạo tuyến đường

Tạo Chế độ xem Blade

Bắt đầu phát triển máy chủ

Phần kết luận

Bài viết đề xuất

Làm cách nào để chuyển đổi HTML sang JPG trong Laravel 8?

Tôi có thể chuyển đổi HTML thành hình ảnh không?

Làm cách nào để chuyển đổi HTML thành hình ảnh trong PHP?

Làm cách nào tôi có thể chuyển đổi mẫu HTML sang laravel 8?

Bài Viết Liên Quan

Quảng Cáo

Có thể bạn quan tâm

Toplist được quan tâm

Quảng cáo

Xem Nhiều

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội