PHPackages                             shuishuiafeng/webuploader-cropper - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. shuishuiafeng/webuploader-cropper

ActiveYii2-extension[Utility & Helpers](/categories/utility)

shuishuiafeng/webuploader-cropper
=================================

webloader和cropper组件

1.1.1(8y ago)373MITJavaScript

Since Dec 22Pushed 8y ago1 watchersCompare

[ Source](https://github.com/shuishuiafeng/webuploader-cropper)[ Packagist](https://packagist.org/packages/shuishuiafeng/webuploader-cropper)[ RSS](/packages/shuishuiafeng-webuploader-cropper/feed)WikiDiscussions master Synced 5d ago

READMEChangelog (2)Dependencies (3)Versions (3)Used By (0)

webuploader-cropper
===================

[](#webuploader-cropper)

此扩展集成webuploader图片上传插件webuploader.js和cropper.js实现的截图和多图上传，在bailangzhan/yii2-webuploader的基础上修改

安装
--

[](#安装)

推荐使用composer进行安装

```
$ composer require shuishuiafeng/webuploader-cropper

```

使用
--

[](#使用)

params.php或者params-local.php内增加webuploader和domain配置项

```
// 图片服务器的域名设置，拼接保存在数据库中的相对地址，可通过web进行展示
```php
'domain' => 'http://blog.m/',//目前用了阿里云所以这个域名暂时没用
'webuploader' => [
	// 后端处理图片的地址，value 是相对的地址，是全局的处理图片地址，也可以在图片上传的前端小部件FileInput调用时候中覆盖掉，因为不同的图片上传调用的后台处理地址可能不同
	'uploadUrl' => 'blog/upload',
	// 多文件分隔符
	'delimiter' => ',',
	// 基本配置
	'baseConfig' => [
		'defaultImage' => 'http://img1.imgtn.bdimg.com/it/u=2056478505,162569476&fm=26&gp=0.jpg',//项目文件web路径/img/default-img.jpg
		'disableGlobalDnd' => true,//禁用掉浏览器拖拽打开新文件页面的功能
		'accept' => [
			'title' => 'Images',
			'extensions' => 'gif,jpg,jpeg,bmp,png',
			'mimeTypes' => 'image/*',
		],
		'pick' => [
			'multiple' => false,
		],
	],
],
```

关于微信的配置也在params.php或者params-local.php内增加wechat\_options的配置

```
'wechat_options' => [
        'debug'  => true,
        'app_id' =>"wxxxxxxxxxxxx",
        'secret' =>'xxxxxxxxxxxxxxxxxx',
        'token'  =>'xxxxxxxxxxx',
        'aes_key'=>'xxxxxxx',
        'log' => [
            'level' => 'debug',
            'file'  => \Yii::getAlias('@mobile/runtime/logs/easywechat.log')
        ],
    ]
```

\###区分ActiveForm和非ActiveForm的基础使用

```