无刷新上传 uploadify.js插件

ci框架s

view

       <tr>
            <td class="label">上传商品图片：</td>
            <td>
              <input type="file" name="goods_img" id="goods_img" size="35">
                <input type="hidden" id="main_img" name="main_img" />
                <img style="display:none;width:100px;height:80px;" src="" id="show_img">
            </td>
          </tr>

<script>

    //无刷新上传
    $("#goods_img").uploadify({
        'swf': "<?php echo base_url('public/js/uploadify/uploadify.swf');?>",//[必须设置]swf的路径
        'uploader': "<?php echo site_url('Goods/uploadImg');?>",//[必须设置]上传文件触发的url
        'cancelImg': "<?php echo base_url('public/js/uploadify/uploadify-cancel.png');?>",//[必须设置]取消图片的路径
        'auto':true,//文件选择完成后，是否自动上传
        'multi':false,//是否能选择多个文件
        'debug':true,//debug模式开/关，打开后会显示debug时的信息
        'fileObjName' : 'goods_img', //文件字段名称
        'onUploadSuccess': function(f, data, response){
            alert(response);
            eval('var data= ' + data + ';'); //将返回的json字符串转换为js对象

            $('#main_img').val(data.img_path);//保存上传的图片路径
            $('#show_img').attr('src', "<?php echo base_url();?>" + data.img_path).show();
        }
    });
</script>

controller

public function uploadImg()
    {
        //处理图片上传
        $img_folder = 'public/admin/goods/';
        echo $img_folder;die;
        $config['upload_path']      = FCPATH . $img_folder; //图片上传的路径
        $config['allowed_types']    = '*'; //允许上传的图片类型
        $config['max_size']     = 0; //不限制上传的大小
        $config['encrypt_name'] = true; //加密上传后的文件名
        $this->load->library('upload', $config);

        if ( ! $this->upload->do_upload('goods_img'))
        {
            $error = $this->upload->display_errors();
            echo '0_'.$error;
        }
        else
        {
            $info = array(
                'status' => 'succ',
                'img_path' => $img_folder.$this->upload->data('file_name'),
            );

            echo json_encode($info);
        }
    }