php+ajax實(shí)現(xiàn)文件切割上傳功能示例
本文實(shí)例講述了php+ajax實(shí)現(xiàn)文件切割上傳功能。分享給大家供大家參考，具體如下：
html5中的File對(duì)象繼承Blob二進(jìn)制對(duì)象，Blob提供了一個(gè)slice函數(shù)，可以用來切割文件數(shù)據(jù)。
<!DOCTYPE HTML><html lang='zh-CN'><head> <meta charset='UTF-8'> <title></title></head><body> <form method='post' id='myForm'> <input type='file' name='file' /> <input type='submit' name='submit' value='提交' /> </form> <div id='upStatus'></div></body><script type='text/javascript'> var myForm = document.getElementById('myForm'); var upfile = document.getElementById('upfile'); myForm.onsubmit = function() { //獲取文件對(duì)象 var file = upfile.files[0]; //獲取文件大小 var fileSize = file.size; //一次截取的大小(字節(jié)) var CutSize = 1024 * 1024 * 10; //開始截取位置 var CutStart = 0; //結(jié)束截取位置 var CutEnd = CutStart + CutSize; //截取的臨時(shí)文件 var tmpfile = new Blob(); while(CutStart < fileSize) { tmpfile = file.slice(CutStart, CutEnd); //我們創(chuàng)建一個(gè)FormData對(duì)象 var fd = new FormData(); //把文件添加到FormData對(duì)象中 fd.append('file', tmpfile); var xhr = new XMLHttpRequest(); //這里使用同步 xhr.open('post', 'upfile.php', false); //上傳進(jìn)度 console.log(Math.round( (CutStart + tmpfile.size) / fileSize * 100) + '%'); //發(fā)送FormData對(duì)象 xhr.send(fd); //重新設(shè)置截取文件位置 CutStart = CutEnd; CutEnd = CutStart + CutSize; } return false; };</script></html>
upfile.php代碼如下：
<?php$uploadDir = ’./upload/’;if(!file_exists($uploadDir)) { @mkdir($uploadDir, 0777, true);}$uploadFile = $uploadDir . basename($_FILES[’file’][’name’]);if(!file_exists($uploadFile)) { //如果文件不存在 move_uploaded_file($_FILES[’file’][’tmp_name’], $uploadFile);} else { //如果文件已存在，追加數(shù)據(jù) file_put_contents($uploadFile, file_get_contents($_FILES[’file’][’tmp_name’]), FILE_APPEND);}
更多關(guān)于PHP相關(guān)內(nèi)容可查看本站專題：《PHP+ajax技巧與應(yīng)用小結(jié)》、《PHP網(wǎng)絡(luò)編程技巧總結(jié)》、《php字符串(string)用法總結(jié)》、《php+mysql數(shù)據(jù)庫(kù)操作入門教程》及《php常見數(shù)據(jù)庫(kù)操作技巧匯總》
希望本文所述對(duì)大家PHP程序設(shè)計(jì)有所幫助。
相關(guān)文章：
1. PHP設(shè)計(jì)模式中工廠模式深入詳解2. asp(vbs)Rs.Open和Conn.Execute的詳解和區(qū)別及&H0001的說明3. Ajax實(shí)現(xiàn)表格中信息不刷新頁(yè)面進(jìn)行更新數(shù)據(jù)4. JSP數(shù)據(jù)交互實(shí)現(xiàn)過程解析5. ThinkPHP5實(shí)現(xiàn)JWT Token認(rèn)證的過程(親測(cè)可用)6. .NET中l(wèi)ambda表達(dá)式合并問題及解決方法7. ASP.NET MVC遍歷驗(yàn)證ModelState的錯(cuò)誤信息8. 解決AJAX返回狀態(tài)200沒有調(diào)用success的問題9. ASP 信息提示函數(shù)并作返回或者轉(zhuǎn)向10. CSS hack用法案例詳解
網(wǎng)公網(wǎng)安備