【问题标题】:CodeIgniter Upload ProgressCodeIgniter 上传进度
【发布时间】:2013-04-03 02:25:19
【问题描述】:

我正在尝试使用 CI 2.1.3 上传带有进度条的文件。我已经让文件上传一切正常,但是获得这个文件进度并不容易。我查看了大量具有不同解决方案的指南,但它们似乎都不起作用,因为大多数都非常过时(2008 年左右)。

这就是我要找的东西:

  • PHP/jQuery/AJAX/Javascript 解决方案(请不要使用 Flash!)
  • 跨浏览器(IE 不是问题,所以如果它在 IE8 或更低版本中不起作用,那也没关系)
  • CodeIgniter 上传库兼容

就是这样。我的参考代码:

PHP:

public function do_upload()
{
    // Configure and load the uploads library
    $config['upload_path']   = './uploads/';
    $config['allowed_types'] = 'mp4|mov';
    $config['encrypt_name']  = TRUE;
    $config['max_size']      = '2621440'; // 2.5 GB, in kilobytes

    $this->load->library('upload', $config);

    if (!$this->upload->do_upload('userfile'))
    {
        $this->session->set_flashdata('error', $this->upload->display_errors('', ''));

        redirect('upload');
    }
    else
    {
        $this->session->set_flashdata('upload_data', $this->upload->data());

        $upload_data = $this->upload->data();
        $uploader = $this->flexi_auth->get_user_by_id()->row_array()['uacc_username'];

        $this->load->model('upload_model');
        $this->session->set_flashdata('uaid', $this->upload_model->generate_uaid($upload_data['raw_name']));
        $this->upload_model->create_upload($upload_data['file_name'], $upload_data['raw_name'], $upload_data['client_name'], $upload_data['file_size'], $upload_data['file_path'], $uploader);

        redirect('upload');
    }
}

HTML:

<div class="progress progress-striped active" id="upload_progress" style="display: none;">
                    <div class="bar" id="upload_progress_bar" style="width: 0%;"></div>
                </div>
                <?php echo form_open_multipart('upload/do_upload', array('id' => 'upload_form')); ?>
                <input type="file" name="userfile" size="20" />
                <button type="submit" name="upload">Upload</button>
                <?php echo form_close(); ?>

【问题讨论】:

  • 看看这个 jQuery 插件,也许你可以使用它或者在你的项目中取出一些关于进度条的部分:pixelcone.com/fileuploader

标签: codeigniter file-upload progress-bar


【解决方案1】:

实际上,经过进一步研究,Dropzone.JS 似乎与 CI 配合得非常好,只需很少的配置和调整。我还没有机会使用它的所有功能,但经过大约 5 分钟的工作后,上传进度和拖放上传工作正常。

【讨论】:

  • Dropzone.js 工作得非常好并且有很好的教程。现在请您帮我删除dropzonejs.com中的图像选项
【解决方案2】:

http://vortexdev.netii.net/article_20/Integrate_jQuery_File_Upload_with_CodeIgniter
- 2012/05/14

https://github.com/blueimp/jQuery-File-Upload/wiki/jQuery-File-Upload-6.5-with-CodeIgniter-2.1
- 5 个月前编辑

这是一个艰难的过程。有很多解决方案,但很大程度上取决于堆栈和目标(例如,在您的情况下没有闪存)。有一个PECL extension 提供本机功能以及many 的示例others 尝试做the 相同的thinghave 在去年是活跃的。还有this 声称提供基于PHP 的output control 的直接html 进度。我无法让它在本地工作。

最好的办法是开始将东西混合在一起并尝试获得一些有效的东西 - 目前还没有直接的即插即用解决方案用于 CI 上传进度条。

【讨论】:

  • 我没想到会有一个直接的解决方案。我将使用您建议的解决方案,并查看 jQuery File Upload。可以修改 jQuery File Upload 以在上传完成后显示一些自定义数据吗?我的网站允许上传视频,我们会在视频上传完成后显示视频的 URL。
  • 我从未使用过它,但它必须。这是一个非常基本的要求。我居然又看了github.com/blueimp/jQuery-File-Upload/wiki/…,果然是完整的。该页面包含您需要的一切;试一试,如果您在显示 URL 时遇到问题,请打开另一个问题。
猜你喜欢
  • 2015-06-25
  • 1970-01-01
  • 1970-01-01
  • 2014-12-17
  • 2014-04-08
  • 2018-11-08
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多