weiwait/nova-images

A Laravel Nova field for multiple images by json. Laravel Nova 多图组件，目前仅支持json格式

1.0.1 2021-03-12 08:38 UTC

Requires

• php: >=7.4.0

MIT

• images
• nova
• laravel
• drop
• 多图
• 裁剪
• 多图裁剪

README

多图组件 Nova Images

使用 Usage

// In Model
public $cast = [
    'images' => 'array',
];

// In Migration
public function up()
{
    Schema::create('users', function (Blueprint $table) {
        $table->json('images')->nullable()->comment('多图');
    });
}

// In Nova resource
public function fields(Request $request)
{
    return [      
        \Weiwait\NovaImages\Images::make('图片', 'images')
            ->cropper([
                'autoCrop' => true,
                'fixed' => true,
                'fixedNumber' => [16, 9],
                'enlarge' => 3,
            ]),
    ];
}

名称	功能	默认值	可选值
img	裁剪图片的地址	空	url 地址 || base64 || blob
outputSize	裁剪生成图片的质量	1	0.1 - 1
outputType	裁剪生成图片的格式	jpg (jpg 需要传入jpeg)	jpeg || png || webp
info	裁剪框的大小信息	true	true || false
canScale	图片是否允许滚轮缩放	true	true || false
autoCrop	是否默认生成截图框	false	true || false
autoCropWidth	默认生成截图框宽度	容器的80%	0~max
autoCropHeight	默认生成截图框高度	容器的80%	0~max
fixed	是否开启截图框宽高固定比例	true	true | false
fixedNumber	截图框的宽高比例	[1, 1]	[宽度, 高度]
full	是否输出原图比例的截图	false	true | false
fixedBox	固定截图框大小 不允许改变	false	true | false
canMove	上传图片是否可以移动	true	true | false
canMoveBox	截图框能否拖动	true	true | false
original	上传图片按照原始比例渲染	false	true | false
centerBox	截图框是否被限制在图片里面	false	true | false
high	是否按照设备的dpr 输出等比例图片	true	true | false
infoTrue	true 为展示真实输出图片宽高 false 展示看到的截图框宽高	false	true | false
maxImgSize	限制图片最大宽度和高度	2000	0-max
enlarge	图片根据截图框输出比例倍数	1	0-max(建议不要太大不然会卡死的呢)
mode	图片默认渲染方式	contain	contain , cover, 100px, 100% auto

power by vue-cropper