README

Dropzone模块。

安装

您可以使用Composer安装此包

composer require lybuneiv/dropzone

然后将服务提供者添加到config/app.php

Lybuneiv\Dropzone\DropzoneServiceProvider::class

发布所有文件

php artisan vendor:publish --provider="Lybuneiv\Dropzone\DropzoneServiceProvider" --force

或者

发布配置文件

php artisan vendor:publish --provider="Lybuneiv\Dropzone\DropzoneServiceProvider" --tag="config"

发布公共文件

php artisan vendor:publish --provider="Lybuneiv\Dropzone\DropzoneServiceProvider" --tag="public"

发布视图文件

php artisan vendor:publish --provider="Lybuneiv\Dropzone\DropzoneServiceProvider" --tag="views"

然后创建storage链接的符号链接

php artisan storage:link

使用方法

在头部添加dropzone样式

{!! Dropzone::renderDropzoneCss() !!}

添加dropzone脚本

{!! Dropzone::renderDropzoneJs() !!}

单个图片HTML $has_caption => true 或 false $has_description => true 或 false

您将获得input_data => input_name, input_name_url, input_name_caption, input_name_description

{!! Dropzone::renderSingle($url_image, 'input_name', 'class_name', $has_caption, 'text_caption', $has_description, 'text_description') !!}

单个图片JavaScript

{!! Dropzone::renderSingleJs('class_name') !!}

多个图片HTML $has_caption => true 或 false $has_description => true 或 false

$array_image = [

[
    'image_url' => 'https://discoverlaos.today/img/promotion/07ac6a3aa112198b491b2bcd79a6d2a6.jpg?p=image700x450',
    'main' => true,
    'caption' => 'caption1',
    'description' => 'description1'
]

];

您将获得input_data => input_name[0][image_name], input_name[0][image_url], input_name[0][main], input_name[0][caption], input_name[0][description]

{!! Dropzone::renderMultiple($array_image, 'input_name', 'class_name', $has_caption, $has_description) !!}

多个图片JavaScript

{!! Dropzone::renderMultipleJs('class_name') !!}