gfy413

gfy413

说来说去还是学

私信
  • 财富值6545
  • 威望值10
  • 总积分6915

个人信息

gfy413

全部动态
  • 回复了 的回答
    <?= $form->field($model, 'img')->widget(FileInput::className(), ['dir'=>'upload/content']) ?>

    FileInput：

    <?php
/**
 * Created by crazyfd.
 * User: Administrator
 * Date: 2014/10/12
 * Time: 10:25
 */
namespace backend\widgets;

use yii;
use yii\helpers\Html;
use yii\helpers\Url;

class FileInput extends \yii\widgets\InputWidget
{
    public $maxnum = 1;
    public $url = [];
    public $name = '';
	public $dir;
    public function init()
    {
        parent::init();
        if($this->url){
            $this->value = implode(',',$this->url);
        }
        $this->value = $this->value ? $this->value : ($this->hasModel() ? Html::getAttributeValue($this->model, $this->attribute) : '') ;
        $this->registerClientScript();
    }

    public function run()
    {
        $name = $this->name ? $this->name : ($this->hasModel() ? Html::getInputName($this->model, $this->attribute) : $this->id);
        $fileInputName = $this->attribute;
        $token = Yii::$app->request->getCsrfToken();
        $tokenName = Yii::$app->request->csrfParam;
        $srcipt = '';
        $photos = explode(',',$this->value);
        if ($photos) {
            $srcipt .= '<script type="text/uploader-files">[';
            foreach($photos as $value){
                $srcipt .= '{"name":"test.jpg","url": "' . $value . '","desc":"iimages"},';
            }
            $srcipt = substr($srcipt,0,-1);
            $srcipt .=']</script>';
        }
        $html = <<<EOD
        <div class="grid">
                <input type="file" class="g-u" id="J_{$this->options['id']}" value="上传图片" name="{$fileInputName}" accept="image/*" postData='{"{$tokenName}":"{$token}","dir":"{$this->dir}"}' />
                <input type="hidden" id="{$this->options['id']}" name="{$name}" value="{$this->value}" />
        </div>
        <ul id="J_que_{$this->options['id']}" class="grid">{$srcipt}</ul>
EOD;
        return $html;
    }

    protected function registerClientScript()
    {
        $url = Url::to(['/site/upload', 'type' => 'input']);
        $id = $this->options['id'];
        $view = $this->getView();
        $view->registerJsFile('http://g.tbcdn.cn/kissy/k/1.4.2/seed-min.js');
        $js = <<<EOD
            KISSY.config({
            packages:[
                {
                    name:"kg",
                    path:"http://g.tbcdn.cn/kg/",
                    charset:"utf-8",
                    ignorePackageNameInUri:true
                }
            ]
        });
EOD;
        $init = $this->value ? 'uploader.restore();' : '';
        $view->registerJs($js);
        $js = <<<EOD
        KISSY.use('kg/uploader/2.0.0/index,kg/uploader/2.0.0/themes/imageUploader/index,kg/uploader/2.0.0/themes/imageUploader/style.css', function (KISSY, Uploader,ImageUploader) {
            //上传组件插件
             var plugins = 'kg/uploader/2.0.0/plugins/auth/auth,' +
                'kg/uploader/2.0.0/plugins/urlsInput/urlsInput,' +
                'kg/uploader/2.0.0/plugins/proBars/proBars,' +
                'kg/uploader/2.0.0/plugins/filedrop/filedrop,' +
                'kg/uploader/2.0.0/plugins/preview/preview,' +
                'kg/uploader/2.0.0/plugins/tagConfig/tagConfig';

            KISSY.use(plugins,function(KISSY,Auth,UrlsInput,ProBars,Filedrop,Preview,TagConfig){
                var uploader = new Uploader('#J_{$id}',{
                    //处理上传的服务器端脚本路径
                    action:"{$url}"
                });
//                uploader.on('add',function(ev){
//                    var file = ev.file;
//                    var target = file.target;
//                    //alert();
//                });
                //使用主题
                uploader.theme(new ImageUploader({
                    queueTarget:'#J_que_{$id}'
                }))
                //验证插件
                uploader.plug(new Auth({
                    //最多上传个数
                    max:{$this->maxnum},
                    //图片最大允许大小
                    maxSize:2048
                }))
                //url保存插件
                .plug(new UrlsInput({target:'#{$id}'}))
                //进度条集合
                .plug(new ProBars())
                //拖拽上传
                .plug(new Filedrop())
                //图片预览
                .plug(new Preview())
                .plug(new TagConfig())
                ;
                {$init}
            });
        })
EOD;
        $view->registerJs($js);
    }
}


    <?= $form->field($model, 'img')->widget(FileInput::className(), ['dir'=>'upload/content']) ?>

    视图里面
    upload/content（图片保存的路径，在backend/web/upload/content里面创建的路径）
    FileInput：下面是FileInput类里面的内容。放在这个目录下面（backend\widgets）

    2015-05-26 16:58查看
  • 回复了 的回答
    <?= $form->field($model, 'img')->widget(FileInput::className(), ['dir'=>'upload/content']) ?>

    FileInput：

    <?php
/**
 * Created by crazyfd.
 * User: Administrator
 * Date: 2014/10/12
 * Time: 10:25
 */
namespace backend\widgets;

use yii;
use yii\helpers\Html;
use yii\helpers\Url;

class FileInput extends \yii\widgets\InputWidget
{
    public $maxnum = 1;
    public $url = [];
    public $name = '';
	public $dir;
    public function init()
    {
        parent::init();
        if($this->url){
            $this->value = implode(',',$this->url);
        }
        $this->value = $this->value ? $this->value : ($this->hasModel() ? Html::getAttributeValue($this->model, $this->attribute) : '') ;
        $this->registerClientScript();
    }

    public function run()
    {
        $name = $this->name ? $this->name : ($this->hasModel() ? Html::getInputName($this->model, $this->attribute) : $this->id);
        $fileInputName = $this->attribute;
        $token = Yii::$app->request->getCsrfToken();
        $tokenName = Yii::$app->request->csrfParam;
        $srcipt = '';
        $photos = explode(',',$this->value);
        if ($photos) {
            $srcipt .= '<script type="text/uploader-files">[';
            foreach($photos as $value){
                $srcipt .= '{"name":"test.jpg","url": "' . $value . '","desc":"iimages"},';
            }
            $srcipt = substr($srcipt,0,-1);
            $srcipt .=']</script>';
        }
        $html = <<<EOD
        <div class="grid">
                <input type="file" class="g-u" id="J_{$this->options['id']}" value="上传图片" name="{$fileInputName}" accept="image/*" postData='{"{$tokenName}":"{$token}","dir":"{$this->dir}"}' />
                <input type="hidden" id="{$this->options['id']}" name="{$name}" value="{$this->value}" />
        </div>
        <ul id="J_que_{$this->options['id']}" class="grid">{$srcipt}</ul>
EOD;
        return $html;
    }

    protected function registerClientScript()
    {
        $url = Url::to(['/site/upload', 'type' => 'input']);
        $id = $this->options['id'];
        $view = $this->getView();
        $view->registerJsFile('http://g.tbcdn.cn/kissy/k/1.4.2/seed-min.js');
        $js = <<<EOD
            KISSY.config({
            packages:[
                {
                    name:"kg",
                    path:"http://g.tbcdn.cn/kg/",
                    charset:"utf-8",
                    ignorePackageNameInUri:true
                }
            ]
        });
EOD;
        $init = $this->value ? 'uploader.restore();' : '';
        $view->registerJs($js);
        $js = <<<EOD
        KISSY.use('kg/uploader/2.0.0/index,kg/uploader/2.0.0/themes/imageUploader/index,kg/uploader/2.0.0/themes/imageUploader/style.css', function (KISSY, Uploader,ImageUploader) {
            //上传组件插件
             var plugins = 'kg/uploader/2.0.0/plugins/auth/auth,' +
                'kg/uploader/2.0.0/plugins/urlsInput/urlsInput,' +
                'kg/uploader/2.0.0/plugins/proBars/proBars,' +
                'kg/uploader/2.0.0/plugins/filedrop/filedrop,' +
                'kg/uploader/2.0.0/plugins/preview/preview,' +
                'kg/uploader/2.0.0/plugins/tagConfig/tagConfig';

            KISSY.use(plugins,function(KISSY,Auth,UrlsInput,ProBars,Filedrop,Preview,TagConfig){
                var uploader = new Uploader('#J_{$id}',{
                    //处理上传的服务器端脚本路径
                    action:"{$url}"
                });
//                uploader.on('add',function(ev){
//                    var file = ev.file;
//                    var target = file.target;
//                    //alert();
//                });
                //使用主题
                uploader.theme(new ImageUploader({
                    queueTarget:'#J_que_{$id}'
                }))
                //验证插件
                uploader.plug(new Auth({
                    //最多上传个数
                    max:{$this->maxnum},
                    //图片最大允许大小
                    maxSize:2048
                }))
                //url保存插件
                .plug(new UrlsInput({target:'#{$id}'}))
                //进度条集合
                .plug(new ProBars())
                //拖拽上传
                .plug(new Filedrop())
                //图片预览
                .plug(new Preview())
                .plug(new TagConfig())
                ;
                {$init}
            });
        })
EOD;
        $view->registerJs($js);
    }
}

    是我说没有明白吧

    2015-05-26 16:49查看
  • 收藏了源码
    Easyui基于日历插件的扩展
    2015-05-26 15:52
  • 收藏了源码
    Yii Framework中使用最新省份城市数据(二级联动)
    2015-05-26 15:51
  • 收藏了源码
    回到顶部最简单的JQuery实现代码
    2015-05-26 15:48
  • 回答了问题 图片上传的实例
    <?= $form->field($model, 'img')->widget(FileInput::className(), ['dir'=>'upload/content']) ?>

    FileInput：

    <?php
/**
 * Created by crazyfd.
 * User: Administrator
 * Date: 2014/10/12
 * Time: 10:25
 */
namespace backend\widgets;

use yii;
use yii\helpers\Html;
use yii\helpers\Url;

class FileInput extends \yii\widgets\InputWidget
{
    public $maxnum = 1;
    public $url = [];
    public $name = '';
	public $dir;
    public function init()
    {
        parent::init();
        if($this->url){
            $this->value = implode(',',$this->url);
        }
        $this->value = $this->value ? $this->value : ($this->hasModel() ? Html::getAttributeValue($this->model, $this->attribute) : '') ;
        $this->registerClientScript();
    }

    public function run()
    {
        $name = $this->name ? $this->name : ($this->hasModel() ? Html::getInputName($this->model, $this->attribute) : $this->id);
        $fileInputName = $this->attribute;
        $token = Yii::$app->request->getCsrfToken();
        $tokenName = Yii::$app->request->csrfParam;
        $srcipt = '';
        $photos = explode(',',$this->value);
        if ($photos) {
            $srcipt .= '<script type="text/uploader-files">[';
            foreach($photos as $value){
                $srcipt .= '{"name":"test.jpg","url": "' . $value . '","desc":"iimages"},';
            }
            $srcipt = substr($srcipt,0,-1);
            $srcipt .=']</script>';
        }
        $html = <<<EOD
        <div class="grid">
                <input type="file" class="g-u" id="J_{$this->options['id']}" value="上传图片" name="{$fileInputName}" accept="image/*" postData='{"{$tokenName}":"{$token}","dir":"{$this->dir}"}' />
                <input type="hidden" id="{$this->options['id']}" name="{$name}" value="{$this->value}" />
        </div>
        <ul id="J_que_{$this->options['id']}" class="grid">{$srcipt}</ul>
EOD;
        return $html;
    }

    protected function registerClientScript()
    {
        $url = Url::to(['/site/upload', 'type' => 'input']);
        $id = $this->options['id'];
        $view = $this->getView();
        $view->registerJsFile('http://g.tbcdn.cn/kissy/k/1.4.2/seed-min.js');
        $js = <<<EOD
            KISSY.config({
            packages:[
                {
                    name:"kg",
                    path:"http://g.tbcdn.cn/kg/",
                    charset:"utf-8",
                    ignorePackageNameInUri:true
                }
            ]
        });
EOD;
        $init = $this->value ? 'uploader.restore();' : '';
        $view->registerJs($js);
        $js = <<<EOD
        KISSY.use('kg/uploader/2.0.0/index,kg/uploader/2.0.0/themes/imageUploader/index,kg/uploader/2.0.0/themes/imageUploader/style.css', function (KISSY, Uploader,ImageUploader) {
            //上传组件插件
             var plugins = 'kg/uploader/2.0.0/plugins/auth/auth,' +
                'kg/uploader/2.0.0/plugins/urlsInput/urlsInput,' +
                'kg/uploader/2.0.0/plugins/proBars/proBars,' +
                'kg/uploader/2.0.0/plugins/filedrop/filedrop,' +
                'kg/uploader/2.0.0/plugins/preview/preview,' +
                'kg/uploader/2.0.0/plugins/tagConfig/tagConfig';

            KISSY.use(plugins,function(KISSY,Auth,UrlsInput,ProBars,Filedrop,Preview,TagConfig){
                var uploader = new Uploader('#J_{$id}',{
                    //处理上传的服务器端脚本路径
                    action:"{$url}"
                });
//                uploader.on('add',function(ev){
//                    var file = ev.file;
//                    var target = file.target;
//                    //alert();
//                });
                //使用主题
                uploader.theme(new ImageUploader({
                    queueTarget:'#J_que_{$id}'
                }))
                //验证插件
                uploader.plug(new Auth({
                    //最多上传个数
                    max:{$this->maxnum},
                    //图片最大允许大小
                    maxSize:2048
                }))
                //url保存插件
                .plug(new UrlsInput({target:'#{$id}'}))
                //进度条集合
                .plug(new ProBars())
                //拖拽上传
                .plug(new Filedrop())
                //图片预览
                .plug(new Preview())
                .plug(new TagConfig())
                ;
                {$init}
            });
        })
EOD;
        $view->registerJs($js);
    }
}
    2015-05-26 15:44查看
  • 回答了问题 图片上传的实例

    http://blog.sina.com.cn/s/blog_88a65c1b0102uwwj.html
    http://blog.sina.com.cn/s/blog_88a65c1b0101izmn.html
    之前看到的，但是没有试过。

    2015-05-26 15:41查看
  • 收藏了源码
    Yii2.0 通用后台系统
    2015-05-26 14:39
  • 2015-05-26 已签到
    连续签到8天，获得了20个金钱
    2015-05-26 08:23
  • 2015-05-25 已签到
    连续签到7天，获得了20个金钱
    2015-05-25 08:57
副总裁 等级规则
6915/10000
资料完整度
40/100
用户活跃度
10/100

Ta的关注

23

Ta的粉丝

17

Ta的访客

49