php+ajax實(shí)現(xiàn)文件切割上傳功能示例
本文實(shí)例講述了php+ajax實(shí)現(xiàn)文件切割上傳功能。分享給大家供大家參考，具體如下：
html5中的File對(duì)象繼承Blob二進(jìn)制對(duì)象，Blob提供了一個(gè)slice函數(shù)，可以用來(lái)切割文件數(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; //開(kāi)始截取位置 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ù)操作入門(mén)教程》及《php常見(jiàn)數(shù)據(jù)庫(kù)操作技巧匯總》
希望本文所述對(duì)大家PHP程序設(shè)計(jì)有所幫助。
相關(guān)文章：
1. IntelliJ IDEA設(shè)置默認(rèn)瀏覽器的方法2. idea自定義快捷鍵的方法步驟3. IntelliJ IDEA設(shè)置背景圖片的方法步驟4. IntelliJ IDEA配置Tomcat服務(wù)器的方法5. python中復(fù)數(shù)的共軛復(fù)數(shù)知識(shí)點(diǎn)總結(jié)6. PHP腳本的10個(gè)技巧(8)7. IntelliJ IDEA導(dǎo)出項(xiàng)目的方法8. IntelliJ IDEA調(diào)整字體大小的方法9. jsp網(wǎng)頁(yè)實(shí)現(xiàn)貪吃蛇小游戲10. idea修改背景顏色樣式的方法
網(wǎng)公網(wǎng)安備