快捷導(dǎo)航

php+ajax實(shí)現(xiàn)文件切割上傳功能示例

更新時(shí)間：2020年03月03日 09:48:10 作者：懷素真

這篇文章主要介紹了php+ajax實(shí)現(xiàn)文件切割上傳功能,結(jié)合實(shí)例形式分析了PHP結(jié)合HTML5 File對(duì)象的slice函數(shù)進(jìn)行文件切割與ajax無(wú)刷新上傳相關(guā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" id="upfile" />
    <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ì)有所幫助。

您可能感興趣的文章: