Chinaunix首页 | 论坛 | 博客

晓飞的博客chenxf.blog.chinaunix.net

首页　| 　博文目录　| 　关于我

magentoboy

  • 博客访问： 268246
  • 博文数量： 59
  • 博客积分： 1368
  • 博客等级： 中尉
  • 技术积分： 1071
  • 用 户 组： 普通用户
  • 注册时间： 2012-02-02 06:06
文章分类

全部博文（59）

文章存档

2012年（59）

我的朋友
最近访客
推荐博文
相关博文
CodeIgniter + jQuery Upload + Thumb

分类： 系统运维

2012-04-11 08:48:10

jquery.upload 

控制器

点击(此处)折叠或打开

  1. <?php

  3. class Jupload extends CI_Controller
  4. {
  5.     protected $upload_config = array(
  6.         'upload_path'         => './uploads/images/',
  7.         'allowed_types'     => 'gif|jpg|png|jpeg',
  8.         'max_size'             => '100',
  9.         'max_width'         => '1024',
  10.         'max_height'         => '768'
  11.     );
  12.     protected $resize_config = array(
  13.         'image_library'     => 'gd2',
  14.         'new_image'         => './uploads/thumbs/',
  15.         'create_thumb'         => TRUE,
  16.         'thumb_marker'         => '',
  17.         'maintain_ratio'     => TRUE,
  18.         'width'             => 100,
  19.         'height'             => 100
  20.     );
  21.     
  22.     function __construct()
  23.     {
  24.         parent::__construct();
  25.     }
  26.     
  27.     function index()
  28.     {
  29.         $this->load->view('jupload');
  30.     }
  31.     
  32.     function upload()
  33.     {        
  34.         $this->load->library('upload', $this->upload_config);
  35.         
  36.         if ( ! $this->upload->do_upload('file'))
  37.         {
  38.             $data = array('error' => $this->upload->display_errors('', "\n"));
  39.         }
  40.         else
  41.         {
  42.             $data = $this->upload->data();
  43.             
  44.             $this->resize_config['source_image'] = $data['full_path'];
  45.             $this->load->library('image_lib', $this->resize_config);
  46.             $this->image_lib->resize();
  47.         }

  49.         echo json_encode($data);
  50.     }
  51. }
视图

点击(此处)折叠或打开

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
  2. <html xmlns="" xml:lang="utf-8" lang="utf-8">
  3. <head>
  4. <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  5. <title>Jquery Upload</title>
  6. <style type="text/css">
  7. </style>
  8. <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
  9. <script type="text/javascript" src="js/jquery.upload-1.0.2.js"></script>
  10. <script type="text/javascript">
  11. $(document).ready(function(){
  12.     $('#file1').change(function() {
  13.         $(this).upload('jupload/upload');?>', function(res) {
  14.             if (res.error) {
  15.                 alert(res.error);
  16.             } else {
  17.                 $('#image').attr('src', 'uploads/thumbs/'+res.file_name).show();
  18.             }
  19.         }, 'json');
  20.     });
  21. })
  22. </script>
  23. </head>
  24. <body>
  25. <img id="image" style="display:none;" border="0" />
  26. <br />
  27. <input type="file" name="file" id="file1">
  28. </body>
  29. </html>
end
阅读(2086) | 评论(0) | 转发(0) |
0

上一篇：i18N

下一篇：codeigniter无法上传zip,rar的问题

给主人留下些什么吧！~~
关于我们 | 关于IT168 | 联系方式 | 广告合作 | 法律声明 | 免费注册

Copyright 2001-2010 ChinaUnix.net All Rights Reserved 北京皓辰网域网络信息技术有限公司. 版权所有

感谢所有关心和支持过ChinaUnix的朋友们

16024965号-6