vojtys/croppie

Croppie (Foliotek/Croppie) for Nette - 表单

维护者

详细信息

github.com/vojtys/croppie

主页

源码

问题

安装次数: 1,887

依赖: 0

建议: 0

安全: 0

星标: 1

关注者: 2

分支: 0

开放问题: 0

语言:JavaScript

v0.2 2020-03-22 14:41 UTC

Requires

Requires (Dev)

Suggests

BSD-3-Clause 4eb0e357fc219bc07311622c401e913671c24fde

  • Vojtěch Sedláček

This package is auto-updated.

Last update: 2024-09-23 01:19:23 UTC

README

Foliotek/Croppie 对 Nette 框架的控制

安装

$ composer require vojtys/croppie

版本

配置

NEON - 添加扩展

extensions:
    croppie: Vojtys\Forms\Croppie\CroppieExtension

croppie:
    width: 300
    height: 300
    enableExif: true
    type: square
    size: original

用法

public function createComponentTestForm(): Form
{
    $form = new Form();

    $form->addCroppie('image', 'Vybrat obrázek z počítače');
    $form->addSubmit('ok', 'Nahrát obrázek')->getControlPrototype()->class('upload-btn');
    $form->onSuccess[] = [$this, 'imageUploadProcess'];

    return $form;
}

public function imageUploadProcess(Form $form, $values)
{
    /** @var Vojtys\Forms\Croppie\Image $image **/
    $image = $values->image; 
}

CSS

<link rel="stylesheet" type="text/css" href="./assets/css/croppie.css">
<link rel="stylesheet" type="text/css" href="./assets/css/vojtys.croppie.css">

JavaScript

在 </body> 元素之前。

<script src='./assets/js/croppie.js'></script>
<script src='./assets/js/vojtys.croppie.js'></script>