zoukankan      html  css  js  c++  java
  • ThinkPHP3.2.2 无刷新上传插件uploadify 使用

    一. 在控制器中写一个方法,用于上传

     public function upload(){
         if (!empty($_FILES)) {
                //图片上传设置
                $config = array(   
                    'maxSize'    =>    3145728, 
                    'rootPath'	 =>    'Public',
                    'savePath'   =>    '/Uploads/',  
                    'saveName'   =>    array('uniqid',''), 
                    'exts'       =>    array('jpg', 'gif', 'png', 'jpeg'),  
                    'autoSub'    =>    false,   
                    'subName'    =>    array('date','Ymd'),
                );
                $upload = new ThinkUpload($config);// 实例化上传类
                $images = $upload->upload();
                //判断是否有图
                if($images){
                    $info=$images['Filedata']['savename'];
                    //返回文件地址和名给JS作回调用
                    echo $info;
                }
                else{
                    $this->error($upload->getError());//获取失败信息
                }
            }
        }

    二.模板

    <html>
        <head>
            <meta http-equiv="content-type" content="text/html; charset=utf-8">
            <title>Index</title>
            <link rel="stylesheet" href="__PUBLIC__/uploadify.css">
            <script src='__PUBLIC__/jquery.js'></script>
            <script src='__PUBLIC__/jquery.uploadify.min.js'></script>
        </head>
        <body>
          
             <div id="imgs"><img width="200px" src="__PUBLIC__/uploads/1.jpg"></div>
            <input id="file_upload" name="file_upload" type="file" multiple="true" value="" />
           
        </body>
        <script>
            var img = '';
    		$('#file_upload').uploadify({
    	        	'swf'      : '__PUBLIC__/uploadify.swf',
    	        	'uploader' : '{:U("Index/upload")}',   //上传的方法
    	        	'buttonText' : '缩略图上传',
    	        	'onUploadSuccess' : function(file, data, response) {
    	        	 //把所有上传的图片都放入DIV中
    	        	 img += "<img width='200px' src='__PUBLIC__/Uploads/"+data+"'>";
    	            $('#imgs').html(img);
            	}
        	});
        </script>
    </html>

      OK,完成。

  • 相关阅读:
    linux tcp调优
    nginx 代理http配置实例
    nginx代理socket tcp/udp
    C++对象数组初始化
    《大型网站技术架构》读书笔记
    内核空间、用户空间和虚拟地址(转)
    集群——LVS理论(转)
    Linux服务器集群系统(一)(转)
    从一个开发的角度看负载均衡和LVS(转)
    ubuntu下允许root用户ssh远程登录
  • 原文地址:https://www.cnblogs.com/Lance--blog/p/4515493.html
Copyright © 2011-2022 走看看