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 \Think\Upload($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,完成。
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。