Maison > développement back-end > tutoriel php > ThinkPHP322 无刷新上传插件uploadify 使用

ThinkPHP322 无刷新上传插件uploadify 使用

WBOY
Libérer: 2016-07-29 08:59:38
original
937 Les gens l'ont consulté

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

 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());//获取失败信息
            }
        }
    }
Copier après la connexion
二.模板
    
        <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>
Copier après la connexion

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

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal