TP3.2：上传预览+缩略图+水印实例

uploadify上传预览+缩略图+水印实例
首先感谢各位大神网友的分享，我只是改改代码，让其更符合自己的业务逻辑
图片上传+缩略图+水印处理代码：

1.     //文件上传
2.     Public function _upload( $thumb = false , $thumbWidth = '' , $thumbHeight = '') {
3.         $upload = new \Think\Upload();// 实例化上传类
4.         $upload->maxSize = 3145728 ;// 设置附件上传大小
5.         $upload->exts =  array('jpg', 'gif', 'png', 'jpeg');// 设置附件上传类型
6.         $upload->savePath =  '/' . CONTROLLER_NAME .'/'; // 设置附件上传目录
7.         $info = $upload->upload();
8.         if(!$info) {
9.             return array('status' =>0, 'info'=> $upload->getError() );
10.         }else{
11.             if( $thumb ) {    //生成缩略图
13.                 $image = new \Think\Image(); 
15.                 foreach($info as $file) {
16.                     $thumb_file = './Uploads/' . $file['savepath'] . $file['savename'];
17.                     $save_path = './Uploads/' .$file['savepath'] . 'mini_' . $file['savename'];
18.                     $image->open( $thumb_file )->text('德兴房产','./data/1.otf',30,'#A7AAA4',\Think\Image::IMAGE_WATER_SOUTHWEST)->save( $thumb_file );
19.                     $image->open( $thumb_file )->text('德兴房产','./data/1.otf',24,'#A7AAA4',\Think\Image::IMAGE_WATER_SOUTHWEST)->thumb( $thumbWidth, $thumbHeight )->save( $save_path );
20.                     return array(
21.                         'status' => 1, 
22.                         'savepath' => $file['savepath'],
23.                         'savename' => $file['savename'],
24.                         'pic_path' => $file['savepath'] . $file['savename'],
25.                         'mini_pic' => $file['savepath'] . 'mini_' .$file['savename']
26.                     );   
27.                 }
28.             }else{
29.                 foreach($info as $file) {
30.                     return array(
31.                         'status' => 1, 
32.                         'savepath' => $file['savepath'],
33.                         'savename' => $file['savename'],
34.                         'pic_path' => $file['savepath'].$file['savename']
35.                     );   
36.                 }
37.             }
38.         }
39.     }

复制代码

前端主要代码（参考 http://www.thinkphp.cn/code/151.html ）：

1.                         <div class="tab-pane" id="tab3">
2.                             <div class="row">
3.                                 <div class="col-md-12">
4.                                     <div class="tab-pane">
5.                                         <div class="form-group">
6.                                             <input type="file" id="upload" class="form-control input-medium" />
7.                                         </div>
8.                                         <div style="width:100%; float:left;padding:10px 20px 20px; background-color:#ccc">
9.                                             <p>
10.                                                 <ul class="imagelist" id="image_result"></ul>
11.                                             </p>
12.                                         </div>
13.                                     </div>
14.                                 </div>
15.                             </div>
16.                         </div> <!-- END #TAB3 -->
18.                         <div class="margin-top-10">
19.                             <button type="submit" class="btn green ajax-post">确 认</button>
20.                             <a href="javascript:" onclick="javascript:history.back(-1);return false;" class="btn default">返 回</a>
21.                         </div>
22.                     </div> 
23.                 </div>
24.             </form>
25.         </div>
26.     </div>
27. </block>
28. <block name="foot">
29.     <link href="__PUBLIC__/assets/plugins/uploadify/uploadify.css" rel="stylesheet" type="text/css"/>
30.     <link href="__PUBLIC__/assets/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/>
31.     <script src="__PUBLIC__/assets/plugins/uniform/jquery.uniform.min.js" type="text/javascript" ></script>
32.     <script src="__PUBLIC__/assets/plugins/uploadify/jquery.uploadify.min.js" type="text/javascript" ></script>
33.     <script type="text/javascript">
34.     $(function(){
35.         var sid = "{:session_id()}";
36.         $('#upload').uploadify({
37.             'swf':'__PUBLIC__/assets/plugins/uploadify/uploadify.swf',
38.             'buttonText': '选择图片',
39.             'formData': { 'session_id':sid},
40.             'uploader': "{:U('uploadPic')}",
41.             'fileTypeDesc':'Image File',
42.             'fileTypeExts':'*.jpg; *.jpeg; *.gif; *.png',
43.                       'auto' : true,
44.             'removeCompleted': false,
45.             onUploadSuccess: function(file, data, response) {
46.                 $('#progress').hide();
47.                 var result = $.parseJSON(data);
48.                 //错误处理。。。
49.                 if(result.status == 0){
50.                     alert(result.info);
51.                     return false;
52.                 }
53.                 //上传成功
54.                 var id = Math.random().toString();
55.                 id = id.replace('.','_'); //生成唯一标示
56.                 var html = '<li class="imageitem" id="'+id+'">';
57.                     html+= '<input type="hidden" name="file[]" value="'+result.pic_path+'">'; //隐藏域，是为了把图片地址入库。。
58.                     html+= '<input type="hidden" name="minifile[]" value="'+result.mini_pic+'">'; //隐藏域，是为了把图片地址入库。。
59.                     html+= '<img height="160" width="160" src="__ROOT__/Uploads/'+result.pic_path+'" />';
60.                     html+=  '<span class="txt">';
61.                     html+=  '<a title="删除" href=javascript:remove("'+result.pic_path+'","'+id+'");><img src="__PUBLIC__/assets/plugins/uploadify/remove.png" /></a>';
62.                     html+=  '<a title="设为封面" href=javascript:tocover("'+result.pic_path+'");><img src="__PUBLIC__/assets/plugins/uploadify/right.png" /></a>';
63.                     html+=  '</span>';
64.                     html+=  '<em><input class="form-control" value="'+file.name+'"></em>';
65.                     html+=  '</li>';
66.                 $('#image_result').append(html);
67.             },
68.             onUploadStart: function(){
69.                 $('#progress').text('正在上传...');  //用户等待提示。
70.             },
71.             onInit: function (){  
72.                 $("#upload-queue").hide(); //隐藏上传队列                
73.             }    
74.         }); 
75.     });
76.     function remove(file,id){
77.         alert('删除成功！'+"\r\n"+file);
78.         $('#'+id).remove();
79.     }
80.     function tocover(file){
81.         alert('设为封面成功'+"\r\n"+file);
82.     }
83.     function check(){
84.         if($('input[name="title"]').val()==""){
85.             toastr['error']('标题不能为空！');
86.             return false;
87.         }
88.     }
90.     </script>
91. </block>

复制代码