README

上传图像
裁剪图像
创建具有各种可配置大小的缩略图
纵横比选项
使用 Iframe 上传文件

安装

1. 将包添加到您的应用

/composer.json

{
    "require": {
        "noonic/image": "dev-master"
    }
}

2. 添加 Provider 和 Facade

/config/app.php

'providers' => [
    ...
    Noonic\Image\ImageServiceProvider::class,
];

'aliases' => [
    ...
    'Image'     => Noonic\Image\ImageHelperFacade::class,
];

3 发布包文件

php artisan vendor:publish

4. 使输出目录可写

chmod 777 -R /public/images/uploads/

5. 包含 JavaScript 辅助文件

/resources/views/app.blade.php

<script type="text/javascript" src="{{ URL::asset('js/noonic.image.js') }}"></script>

使用方法

创建上传新图像的输入

{!! Form::open() !!}
  @include('noonic_image::_input', [
      'name' => 'photo', 
      'folder' => 'photos', 
      'data' => '', 
      'required' => true
  ])
{!! Form::close() !!}

访问上传的图像

<img src="{{ Image::getImageUrl($imagePathFromDatabase, 's') }}" />

您可以将 t（缩略图）、s（小）、m（中）或 l（大）作为第二个参数传递以获取所需的大小。

选项

name: [必需] [字符串] 文件输入名称
ratio: [可选] [字符串] [4/3, 16:9, 1/1] 裁剪和调整大小的图像纵横比。默认：4/3。
folder: [可选] [字符串] 图像将上传到的文件夹名称。默认：'default' 文件夹
data: [可选] [字符串] 通过传递图像路径来预填充数据
required: [可选] [布尔值] [true / false] 使图像成为必需项，会弹出 JavaScript 提示框。

大小

'sizes' => [
    '16:9' => [
        't' => [192, 108],
        's' => [400, 225],
        'm' => [800, 450],
        'l' => [1024, 576]
    ],

    '4:3' => [
        't' => [200, 150],
        's' => [400, 300],
        'm' => [800, 600],
        'l' => [1024, 768]
    ],

    '1:1' => [
        't' => [200, 200],
        's' => [400, 400],
        'm' => [800, 800],
        'l' => [1024, 1024]
    ]
]

需求

PHP GD 库
Jquery
Twitter Bootstrap

截图

1. 表单

2. Iframe 图像上传器

3. 上传图像后选择裁剪区域

4. 裁剪成功并在 iframe 中显示裁剪后的图像

5. 带有上传和裁剪图像预览的表单

作者

Atul Yadav - GitHub • Twitter

许可

MIT 许可证 (https://open-source.org.cn/licenses/mit-license.php)

特此授予任何获得本软件及其相关文档副本（以下简称“软件”）的人免费使用权，但无任何限制，包括但不限于使用、复制、修改、合并、发布、分发、再许可和/或销售软件副本，以及允许向软件提供方提供软件的人使用软件，前提是遵守以下条件

noonic / image

维护者

详情