thinkphp3.2.3整合jquery图片无刷新上传

一、

下载uploadify类包

http://www.uploadify.com/download/

将之解压放在./Public/js目录下。

二、前端文件

<js file='__PUBLIC__/js/uploadify/jquery.uploadify.min.js'/>
<link rel="stylesheet" href="__PUBLIC__/js/uploadify/uploadify.css">

<div style="width: 300px;height: 100px; float: left;">
　　<input type="hidden" name="data[photo]" value="" id="photo" />
　　<input id="pic" name="file" type="file" multiple="true" value="" />
</div>
<div style="width: 300px;height: 100px; float: left;">
　　<img id="img" width="80" height="80" src="__ROOT__/Gallery/<{$pic|default='add.png'}>" />
</div>
<script>
　　$("#pic").uploadify({
　　　　'swf': '__PUBLIC__/js/uploadify/uploadify.swf?t=<{$nowtime}>',
　　　　'uploader': '<{:U("activity/uploadify")}>',//上传文件方法
　　　　'cancelImg': '__PUBLIC__/js/uploadify/uploadify-cancel.png',
　　　　'queueID': 'fileQueue',
　　　　'buttonText': '上传图片',
　　　　'fileTypeExts': '*.gif;*.jpg;*.png;',
　　　　'queueSizeLimit': 1,
　　　　'onUploadSuccess': function (file, data, response) {
　　　　　　$("#photo").val(data);
　　　　　　$("#img").attr('src', '__ROOT__/Gallery/Activity/' + data).show();
　　　　}
　　});
</script>

三、服务器文件：

<?php

namespace Admin\Controller;
use Think\Controller;
use Think\Upload; //引入upload类
class ActivityController extends CommonController {

　　public function uploadify() {
　　　　$config = array(
　　　　　　'maxSize' => 8388608, //文件大小限制
　　　　　　'rootPath' => './Gallery/Activity/', //文件上传根目录
　　　　　　'savePath' => 'activity/',文件上传子目录
　　　　　　'saveName' => 'photo',文重命名
　　　　　　'exts' => array('jpg', 'gif', 'png', 'jpeg'),//文件类型限制
　　　　　　'subName' => '',//文件命名规则
　　　　　　'replace' => true,//覆盖同名文件，默认false
　　　　);
　　　　$upload = new Upload($config);
　　　　$info = $upload->upload();
　　　　if(!$info) {// 上传错误提示错误信息
　　　　　　$this->error($upload->getError());
　　　　}else{// 上传成功 获取上传文件信息
　　　　　　foreach($info as $file){
　　　　　　　　$filename = $file['savepath'].$file['savename'];
　　　　　　}
　　　　　　echo $filename;
　　　　}
　　}

}

 

?>

 

 

以上，图片就上传成功了，无刷新、可预览。