nuhel/filament-cropper 问题修复 & 功能扩展

解决BUG、新增功能、兼容多环境部署,快速响应你的开发需求

邮箱:yvsm@zunyunkeji.com | QQ:316430983 | 微信:yvsm316

nuhel/filament-cropper

Composer 安装命令:

composer require nuhel/filament-cropper

包简介

Cropper Js Implementation for Filament

README 文档

README

Latest Version on Packagist Total Downloads

Installation

You can install the package via composer:

composer require nuhel/filament-cropper

This field has most of the same functionality of the Filament File Upload field.

screenshot of square croppie

  Cropper::make('image')
      ->getUploadedFileNameForStorageUsing(function (TemporaryUploadedFile $file): string {
          return (string)str("image_path/" . $file->hashName());
      })->enableDownload()
      ->enableOpen()
      ->enableImageRotation()
      ->enableImageFlipping()
      ->imageCropAspectRatio('16:9'),

Using imageCropAspectRatio we can set aspect ratio of the cropper.

Cropper::make('avatar')
        ->avatar()
        ->enableOpen()
        ->enableDownload()
        ->modalSize('xl'),

We can make cropper circular using avatar method. screenshot of big modal

Modal size can be customized if it is needed, using modalSize method.

Cropper::make('avatar')
        ->avatar()
        ->enableOpen()
        ->enableDownload()
        ->modalSize('xl')
        ->modalHeading("Crop Background Image")

screenshot of big modal

List of available options

Cropper::make('image')
            ->modalSize('xl')
            ->modalHeading("Crop Background Image")
            ->enableImageRotation()
            ->rotationalStep(5)
            ->enableImageFlipping()
            ->enabledAspectRatios([
                '2:3', '9:16', '5:5'
            ])
            ->zoomable(true)
            ->enableZoomButtons()
            ->enableAspectRatioFreeMode()
            ->imageCropAspectRatio('4:9')

screenshot of big modal

Thumbnail Image

Now You generate Thumbnail Image using generateThumbnailImage() method.

Cropper::make('avatar')
		->enableOpen()
		->enableDownload()
		->generateThumbnailImage(),  

By default, it's use thumbnailImages Folder to store Generated Thumbnail Images.
But It can be overridden using thumbnailImageDirectory method.

Note : Image Intervention Package is required to generate Thumbnail Images by default.

However it's possible to customize the way of generating thumbnail image using method generateThumbnailImageUsing

Cropper::make('avatar')
		->enableOpen()
		->enableDownload()
		->generateThumbnailImage()
		->generateThumbnailImageUsing(function(TemporaryUploadedFile $file, string $filename, string $diskName, ?string $directory, string $visibility){
			...Your Code Here
		})->removeThumbnailImageUsing(function(TemporaryUploadedFile $file, string $filePath, string $diskName, ?string $directory, string $visibility){  
			...Your Code Here
		})

License

The MIT License (MIT). Please see License File for more information.

nuhel/filament-cropper 适用场景与选型建议

nuhel/filament-cropper 是一款 基于 Blade 开发的 Composer 扩展包,目前已累计 59.01k 次下载、GitHub Stars 达 36, 最近一次更新时间为 2022 年 12 月 25 日, 在 PHP 生态内属于活跃度较高的组件。

我们在过去多个企业项目中使用过 nuhel/filament-cropper 或与其功能相近的方案,如果你在选型或落地过程中遇到问题,例如 版本兼容、二次改造、私有化封装、与内部系统对接、生产 BUG 排查,欢迎联系我们协助评估。

围绕 nuhel/filament-cropper 我们能提供哪些服务?
定制开发 / 二次开发

基于 nuhel/filament-cropper 在你已有业务上做功能扩展、字段裁剪、UI 适配、与内部账号 / 权限 / 日志系统的深度对接。

BUG 修复 & 性能优化

线上偶发问题、内存泄漏、慢查询、并发异常等排查修复;针对高流量场景做缓存、队列、索引层面的调优。

项目外包 & 长期维护

承接完整的项目从需求 → 设计 → 开发 → 上线 → 长期运维;也可按月提供技术保姆服务。

yvsm@zunyunkeji.com QQ:316430983 微信:yvsm316 西安尊云信息科技 · 专注 PHP / Go / 分布式系统研发

统计信息

  • 总下载量: 59.01k
  • 月度下载量: 0
  • 日度下载量: 0
  • 收藏数: 36
  • 点击次数: 29
  • 依赖项目数: 0
  • 推荐数: 0

GitHub 信息

  • Stars: 36
  • Watchers: 1
  • Forks: 11
  • 开发语言: Blade

其他信息

  • 授权协议: MIT
  • 更新时间: 2022-12-25