我正在尝试使用 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(); ?>