Question

这是我在控制器中的功能。我没有使用ajax函数上传数据，但是表单提交，我是PHP语言的新手。我想要显示加载gif，直到上传完成。我试过搜索，但没有找到这个框架的答案。

try {
            $config['upload_path'] = './uploads/';
            $config['allowed_types'] = '*';
            $this->load->helper('file');

            $this->load->library('upload', $config);
            if (!$this->upload->do_upload()) {
                $this->session->set_flashdata('import_attendance', '<br><span style="font-size: 13px;background-color: #FFFFFF;color:#ff0000;border:solid 1px #ff99cc;padding:2px;border-radius: 5px 5px 5px 5px">No file is Selected</span>');

                redirect('import/drawIndexAttendanceImport');
            } else {

                $upfile = array('upload_data' => $this->upload->data());
                $this->load->library('/lib/PHPExcel.php');
                $inputFileName = $upfile['upload_data']['full_path'];  
                $this->load->model('import/import_model');  
$result = $this->import_model->importAttendance($inputFileName);
                if ($result == true) {
                    $this->session->set_flashdata('import_attendance', '<br><span style="font-size: 13px;background-color: #FFFFFF;color:#00cc00;border:solid 1px #00cc00;padding:2px;border-radius: 5px 5px 5px 5px">Succussfully Uploaded </span>');

                    redirect('import/drawIndexAttendanceImport');
                } else {
                    $this->session->set_flashdata('import_attendance', '<br><span style="font-size: 13px;background-color: #FFFFFF;color:#ff0000;border:solid 1px #ff99cc;padding:2px;border-radius: 5px 5px 5px 5px">Upload Error</span>');

                    redirect('import/drawIndexAttendanceImport');
                }
            }
            $this->template->draw('import/drawAttendanceImport', $data);
        } catch (Exception $exc) {

        }
    }

Answer 1

建议：

步骤::点击上传按钮显示图片加载图片并运行 function saveUpload（）此函数将保存您在文件夹中的上传并在db中将返回true / false。如果成功，则为true。如果页面刷新是真的。

Answer 2

<div id="loadergif">Please place your gif here...</div>

上传开始时执行此操作： $("#loadergif").css('display','block'); //显示

img upload成功完成此操作： $("#loadergif").css('display','none'); //隐藏

注意：最初不要忘记隐藏装载机。有用的链接：https://stackoverflow.com/a/27274616/4229270

如何在codeIgniter框架中上传文件时显示加载.gif文件

2 个答案: