tro/yii2-image-upload

通过ajax上传图片

安装次数: 2,822

依赖关系: 0

建议者: 0

安全性: 0

星标: 10

关注者: 3

分支: 4

开放问题: 1

语言:JavaScript

类型:yii2-extension

1.0 2014-12-17 03:01 UTC

This package is not auto-updated.

Last update: 2024-09-24 07:01:18 UTC


README

通过ajax上传图片

安装

安装此扩展的首选方式是通过composer

运行以下命令:

php composer.phar require --prefer-dist troy/yii2-image-upload ""

或者将以下内容添加到你的composer.json文件的require部分:

"troy/yii2-image-upload": ""

使用方法

扩展安装完成后,只需在你的代码中通过以下方式使用它:

<a id="imageUpload" href="javascript:;">上传图片</a>
<?= \troy\ImageUpload\ImageUpload::widget(
    [
         'targetId' => 'imageUpload',//html dom id
         'config' =>[
             'action' =>Yii::$app->getUrlManager()->createUrl(['site/index'])
         ]
    ]
); ?>

你还可以为其添加一些事件,例如onComplete函数

<?=
.....
use yii\web\JsExpression;
.....

\troy\ImageUpload\ImageUpload::widget(
    [
         'targetId' => 'imageUpload',//html dom id
         'config' =>[
             'action' =>Yii::$app->getUrlManager()->createUrl(['site/index']),
             'onComplete' => new JsExpression("function(fileName, responseJSON){ something todo...... }")
         ]
    ]
);

?>

如果你想在扩展中添加UploadAction,可以使用以下方式:


 class SiteController extends Controller
  {
      public function actions()
      {
          return [
              'upload' => [
                  'class' => 'troy\ImageUpload\UploadAction',
                  'successCallback' => [$this, 'successCallback'],
                  'beforeStoreCallback' => [$this,'beforeStoreCallback']
              ],
          ]
      }
 
      public function successCallback($store,$file)
      {
      }
      public function beforeStoreCallback($file)
      {
      }
  }