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

【问题标题】：how to display loading .gif while uploading a file in codeIgniter framework如何在codeIgniter框架中上传文件时显示加载.gif
【发布时间】：2016-02-01 06:17:37
【问题描述】：

这是我在控制器中的函数。我不是使用 ajax 函数来上传数据，而是使用 form submit，我是 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) {

        }
    }

【问题讨论】：

你必须显示loading.gif图片，直到你没有成功msg到图片上传。
对我来说，使用 ajax 更容易。
步骤 :: 点击上传按钮显示图片加载图片并运行函数 saveUpload() 这个函数会将你的上传保存在文件夹和数据库中，并返回真/假。如果成功则为真，否则为假。如果为 true，请刷新页面。
谢谢！ @Monty，我明白了，它正在工作。非常感谢。
如果我的评论接近您的答案，那么我将其作为答案。对吗？

标签： php jquery ajax codeigniter

【解决方案1】：

建议：

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

【讨论】：

【解决方案2】：

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

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

img 上传成功后执行此操作： $("#loadergif").css('display','none'); // 隐藏

注意：不要忘记一开始就隐藏加载器。帮助链接：https://stackoverflow.com/a/27274616/4229270

【讨论】：