<b dir='h05d5nut'><abbr lang='35ehk3r'></abbr></b>

                文章熱詞:PHP,大文件切割上傳

                日期:2019-10-16 09:11 by admin 2431 0 收藏
                我要分享

                摘要:大家都知道php上傳文件有限制,如果沒有修改過php.ini文件的話,默認的上傳大小限制爲2M,那麽該如何上傳大文件了,比如說上傳一個1G多的大文件,可以使用大文件切割上傳的方式來解決。

                何爲大文件切割上傳?

                原理:利用HTML5的新特性,将文件内容切割成分段的二進制信息,然後每次向服務器上傳一段,而服務器,隻需要把我們每次上傳的二進制信息整合存儲到一個文件中,那麽最後這個文件就是所上傳的文件。
                由于php.ini默認的上傳大小爲2M,如果每批都上傳2M,我測試的時候時間比較長,這裏我将其限制大小該爲20M,最大post數據爲28M,便于測試。如果實際開發中不能修改其參數,則每批上傳的數據不能超過最大限制。
                post_max_size = 28M
                upload_max_filesize = 20M

                JavaScript中的File對象

                在之前的文章中我們已經使用到了這個Api,File對象中保存了文件的大小、名稱、類型等信息

                JavaScript中的Blob對象

                Blob對象是二進制對象,也是File對象的父類,Blob對象中有一個很重要的方法:slice() 方法,利用這個方法我們可以把文件内容切割成二進制信息。slice() 方法接受三個參數,起始偏移量,結束偏移量,還有可選的 mime 類型。如果 mime 類型,沒有設置,那麽新的 Blob 對象的 mime 類型和父級一樣。
                本文就兩個文件,實現切割上傳文件,分别爲13-slice-upload-fix.html文件,13-slice-upload.php文件,
                頁面中主要有一個上傳控件,确認文件後響應selfile方法,然後讀取文件信息,設置每批上傳文件限制爲10M,接着在while循環中,不斷的切割文件,然後發送上傳請求。

                13-slice-upload-fix.html

                <!DOCTYPE html>
                <html>
                <head>
                  <meta charset="utf-8">
                  <meta http-equiv="X-UA-Compatible" content="IE=edge">
                  <title>大文件切割上傳帶進度條</title>
                  <link rel="stylesheet" href="">
                <script>
                var xhr = new XMLHttpRequest();//xhr對象
                var clock = null;
                function selfile(){
                  clock = window.setInterval(sendfile,1000);
                }
                var sendfile = (function (){
                  const LENGTH = 1024 * 1024 * 10;//每次上傳的大小
                  var start = 0;//每次上傳的開始字節
                  var end = start + LENGTH;//每次上傳的結尾字節
                  var sending = false;//表示是否正在上傳
                  var fd = null;//創建表單數據對象
                  var blob = null;//二進制對象
                  var percent = 0;
                  return (function (){
                    //如果有塊正在上傳,則不進行上傳
                    if(sending == true){
                      return;
                    }
                    var file = document.getElementsByName('video')[0].files[0];//文件對象
                    //如果sta>file.size,就結束了
                    if(start > file.size){
                      clearInterval(clock);
                      return;
                    }
                    blob = file.slice(start,end);//根據長度截取每次需要上傳的數據
                    fd = new FormData();//每一次需要重新創建
                    fd.append('video',blob);//添加數據到fd對象中
                    up(fd);
                    //重新設置開始和結尾
                    start = end;
                    end = start + LENGTH;
                    sending = false;//上傳完了
                    //顯示進度條
                    percent = 100 * start/file.size;
                    if(percent>100){
                      percent = 100;
                    }
                    document.getElementById('bar').style.width = percent + '%';
                    document.getElementById('bar').innerHTML = parseInt(percent)+'%';
                  });
                })();
                function up(fd){
                  xhr.open('POST','13-slice-upload.php',false);
                  xhr.send(fd);
                }
                </script>
                <style>
                  #progress{
                    width:500px;
                    height:30px;
                    border:1px solid green;
                  }
                  #bar{
                    width:0%;
                    height:100%;
                    background-color: green;
                  }
                </style>
                </head>
                <body>
                  <h1>大文件切割上傳帶進度條</h1>
                  <div id="progress">
                    <div id="bar"></div>
                  </div>
                  <input type="file" name="video" onchange="selfile();" />
                </body>
                </html>

                13-slice-upload.php

                <?php
                /**
                 * 大文件切割上傳,把每次上傳的數據合并成一個文件
                 * @author webbc
                 */
                $filename = './upload/upload.wmv';//确定上傳的文件名
                //第一次上傳時沒有文件,就創建文件,此後上傳隻需要把數據追加到此文件中
                if(!file_exists($filename)){
                  move_uploaded_file($_FILES['video']['tmp_name'],$filename);
                }else{
                  file_put_contents($filename,file_get_contents($_FILES['video']['tmp_name']),FILE_APPEND);
                }
                ?>

                運行結果圖:

                640.gif

                上一篇:什麽是單點登錄,php是如何實現單點登錄的

                下一篇:php、mysql查詢當天,查詢本周,查詢本月的數據實例


                評論

                -->