Heim > Backend-Entwicklung > PHP-Tutorial > ThinkPHP322 无刷新上传插件uploadify 使用

ThinkPHP322 无刷新上传插件uploadify 使用

WBOY
Freigeben: 2016-07-29 08:59:38
Original
937 Leute haben es durchsucht

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

 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 \Think\Upload($config);// 实例化上传类
            $images = $upload->upload();
            //判断是否有图
            if($images){
                $info=$images['Filedata']['savename'];
                //返回文件地址和名给JS作回调用
                echo $info;
            }
            else{
                $this->error($upload->getError());//获取失败信息
            }
        }
    }
Nach dem Login kopieren
二.模板
    
        <meta http-equiv="content-type" c 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>
    
    
      
         <div id="imgs"><img     style="max-width:90%" src="__PUBLIC__/uploads/1.jpg" alt="ThinkPHP322 无刷新上传插件uploadify 使用" ></div>
        <input id="file_upload" name="file_upload" type="file" multiple value="">
       
    
    <script>
        var img = '';
		$('#file_upload').uploadify({
	        	'swf'      : '__PUBLIC__/uploadify.swf',
	        	'uploader' : '{:U("Index/upload")}',   //上传的方法
	        	'buttonText' : '缩略图上传',
	        	'onUploadSuccess' : function(file, data, response) {
	        	 //把所有上传的图片都放入DIV中
	        	 img &#43;= "<img     style="max-width:90%" src='__PUBLIC__/Uploads/"&#43;data&#43;"' alt="ThinkPHP322 无刷新上传插件uploadify 使用" >";
	            $('#imgs').html(img);
        	}
    	});
    </script>
Nach dem Login kopieren

以上就介绍了ThinkPHP322 无刷新上传插件uploadify 使用,包括了方面的内容,希望对PHP教程有兴趣的朋友有所帮助。

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage