日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

大文件切割上传

發布時間:2023/12/29 编程问答 37 豆豆
生活随笔 收集整理的這篇文章主要介紹了 大文件切割上传 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

大家都知道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.html文件:
頁面中主要有一個上傳控件,確認文件后響應selfile方法,然后讀取文件信息,設置每批上傳文件限制為10M,接著在while循環中,不斷的切割文件,然后發送上傳請求。

<!DOCTYPE html> <html> <head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>大文件切割上傳</title><link rel="stylesheet" href=""> <script>function selfile(){const LENGTH = 1024 * 1024 * 10;//每次上傳的大小var file = document.getElementsByName('video')[0].files[0];//文件對象var totalSize = file.size;//文件總大小var start = 0;//每次上傳的開始字節var end = start + LENGTH;//每次上傳的結尾字節var fd = null//創建表單數據對象var blob = null;//二進制對象var xhr = null;//xhr對象while(start < totalSize){fd = new FormData();//每一次需要重新創建xhr = new XMLHttpRequest();//需要每次創建并設置參數xhr.open('POST','13-slice-upload.php',false);blob = file.slice(start,end);//根據長度截取每次需要上傳的數據fd.append('video',blob);//添加數據到fd對象中xhr.send(fd);//將fd數據上傳//重新設置開始和結尾start = end;end = start + LENGTH;}} </script> </head> <body><h1>大文件切割上傳</h1><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); } ?>

運行結果圖:

解釋:
此處我上傳了一個46.8M的視頻文件,如果按每批發送10M的話,共需發送5次,也就是說會請求服務器5次。如下圖所示。

總結

以上是生活随笔為你收集整理的大文件切割上传的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。