引用本教程。 Tracking upload progress with php .我想让它在 Codeigniter 中工作。我没有开始让它在 CI 中工作。我想上传文件并跟踪进度。

在我的 CI View 中

 <?php $arr = array("id"=>"myform");
       echo form_open_multipart("welcome/uploads",$arr); ?>
      <input type="hidden" value="myForm" name="<?php echo ini_get("session.upload_progress.name"); ?>">
      <table>
      <tr>
          <td>file</td>
         <td><input type="file" name="images[]" multiple></td>
     </tr>
     <tr>
         <td>name</td>
         <td><input type="text" name="naam"></td>
    </tr>
    <tr>
        <td></td>
        <td><input type="submit"></td>
    </tr>
</table>
<?php echo form_close(); ?>
<div id="bar_blank">

脚本

function toggleBarVisibility() {
  var e = document.getElementById("bar_blank");
  e.style.display = (e.style.display == "block") ? "none" : "block";
}

function createRequestObject() {
   var http;
   if (navigator.appName == "Microsoft Internet Explorer") {
       http = new ActiveXObject("Microsoft.XMLHTTP");
   }
   else {
      http = new XMLHttpRequest();
  }
     return http;
}

 function sendRequest() {
   var http = createRequestObject();
   http.open("GET", "<?php echo base_url().'index.php/welcome/progress' ?>");
   http.onreadystatechange = function () { handleResponse(http); };
   http.send(null);
 }

function handleResponse(http) {
   var response;
   if (http.readyState == 4) {
    response = http.responseText;
    document.getElementById("bar_color").style.width = response + "%";
    document.getElementById("status").innerHTML = response + "%";

    if (response < 100) {
        setTimeout("sendRequest()", 1000);
    }
    else {
        toggleBarVisibility();
        document.getElementById("status").innerHTML = "Done.";
      }
   }
}

 function startUpload() {
     toggleBarVisibility();
    setTimeout("sendRequest()", 1000);
 }

 (function () {
      document.getElementById("myForm").onsubmit = startUpload;  //error is here
})();

根据上面的教程，它在核心 php.ini 中。当向 Controller dashboard/addRoom 提交表单 CI 请求时，我的页面无论如何都会刷新。但在教程中，Form 重定向到 PHP_SELF(相同的 php 文件)。我对此一无所知。请帮帮我。

Controller

 function progress()
    {
        session_start();

        $key = ini_get("session.upload_progress.prefix") . "myForm";
        if (!empty($_SESSION[$key])) {
            $current = $_SESSION[$key]["bytes_processed"];
            $total = $_SESSION[$key]["content_length"];
            echo $current < $total ? ceil($current / $total * 100) : 100;
        }
        else {
            echo 100;
        }
    }
    public function uploads()
    {
        if(!empty($_FILES['images']['name'][0]))
       {
        //uploadinf file code
       }
    }

最佳答案

如果你只想用 jQuery 来做，那么我已经使用了 jQuery Form Submit插件，它会给你带来进步等等。正如你在 comments 中所说您不需要任何插件，然后按照这些步骤并按照教程建议的方式实现。

假设您有 Controller 仪表板并且方法 addRoom 正在显示您的 html 表单:

class Dashboard extends CI_Controller {


    function addRoom() {

        // Detect URI: http://example.com/dashboard/addRoom/upload_file
        $upload_req = $this->uri->segment("3");

        if( $upload_req == "upload_file" ) {
            // Do the file upload Actions
        }

        // Generate Form
        $this->load->view("Generate_view");
    }

}

查看:

<?php 
    $ar = array("class"=>"form-horizontal");
    echo form_open_multipart('dashboard/addRoom/upload_file',$ar);
 ?>
 <input type="text" name="fileName">
 <input type="file" name="upload">
 <input type="submit" value="add">
 <?php echo form_close(); ?>

在这种情况下，无论您提交与否，您的表单仍然在同一个 Controller 和方法上。

更新:根据更新的答案，请使用 codeigniter 默认库 Session和 File Uploads , 如果出现 JS 错误，请使用控制台选项卡(Chrome)调试错误，或者如果您使用的是 firefox，则使用 firebug 扩展来调试 Javascript。

关于javascript - 在带有 codeigniter 的 PHP 5.4 中使用 session 上传进度条，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29727436/