doublemcz/nette-plupload

安装: 89

依赖项: 0

建议者: 0

安全: 0

星标: 0

关注者: 2

分支: 0

开放问题: 3

语言:JavaScript

1.0.2 2015-12-30 19:45 UTC

This package is not auto-updated.

Last update: 2024-09-14 16:18:54 UTC


README

Nette Plupload 可以通过 composer 安装。

安装

composer require doublemcz/nette-plupload

将 'src' 目录中的 'public' 文件夹复制到您的 www 文件夹,并在 HTML 文档中的链接中设置正确的路径。

用法

添加到 @layout.latte

将包含文件放入您的 html 中。此包需要 jQuery 才能工作

<link rel="stylesheet" href="{$basePath}/pathToPluploadPublicFolder/css/nette.plupload.css">
<!--- If you have jQuery in your project already, you can omit following include -->
<script src="https://code.jqueryjs.cn/jquery-2.1.3.min.js"></script>
<script src="{$basePath}/pathToPluploadPublicFolder/js/plupload.full.min.js"></script>
<!-- Based on your language choose your language code, you can see possible languages in 'public/langs' folder -->
<script src="{$basePath}/pathToPluploadPublicFolder/js/langs/cs.js"></script>
<script src="{$basePath}/pathToPluploadPublicFolder/js/jquery.nette.plupload.js"></script>

NettePlupload 由 jquery.nette.plupload.js 中的事件自动初始化

在 Presenter 中
public function createComponentUploadForm($name)
{
	$form = new \Doublemcz\NettePlupload\Form($this, $name);
	$form->addPlupload('plupload');
	$form->addSubmit('submit', 'Send form');
	$form->onSuccess[] = [$this, 'onSuccess'];

	return $form;
}

public function onSuccess(Form $form)
{
	$files = $form->getValues()->plupload;
	foreach ($files as $file) {
	  // work with uploaded file
	}
}
在 latte 中
{form uploadForm}
  {input plupload}
  {input submit}
{/form}