使用html和php实现发文件分片上传降低上传失败率

文件分片上传是指将大文件切割成多个小文件进行上传，以避免上传过程中出现网络波动导致整个文件上传失败的问题。HTML和PHP实现文件分片上传的方法如下：

1. HTML页面实现：在HTML页面中使用input[type="file"]控件选择要上传的文件，并添加一个上传按钮。

<input type="file" id="fileInput"/>
<button id="uploadBtn">上传</button>

2. JS代码实现：使用JavaScript的FileReader对象，将文件切割成多个小文件，并通过Ajax异步上传每个小文件。

var file = document.getElementById('fileInput').files[0];
var chunkSize = 1024 * 1024 * 1; //切割每个小文件的大小
var fileSize = file.size;
var chunkNum = Math.ceil(fileSize / chunkSize);

for(var i = 0; i < chunkNum; ++i){
  var start = i * chunkSize;
  var end = Math.min(start + chunkSize, fileSize);
  var chunk = file.slice(start, end);
  var xhr = new XMLHttpRequest();
  xhr.open("POST", "upload.php");
  xhr.setRequestHeader("Content-Type","multipart/form-data");
  xhr.send(chunk);
}

3. PHP代码实现：PHP接收每个小文件，最后将它们合并成完整的文件。在PHP代码中需要检查每个小文件的上传状态，以保证文件上传完整。

$chunk = file_get_contents('php://input');
$chunkNum = $_POST['chunkNum'];

$dir = "./uploads/";
if(!file_exists($dir)){
    mkdir($dir);
}

$file = $dir . md5($_POST['filename']);
$fp = fopen($file . '.part.' . $chunkNum, "w+");
fwrite($fp, $chunk);
fclose($fp);

$complete = true;
for($i = 0; $i < $chunkNum; ++$i){
  if(!file_exists($file . '.part.' . $i)){
    $complete = false;
    break;
  }
}

if($complete){
  $fp = fopen($file, "w+");
  for($i = 0; $i < $chunkNum; ++$i){
    $part = file_get_contents($file . '.part.' . $i);
    fwrite($fp, $part);
  }
  fclose($fp);

  for($i = 0; $i < $chunkNum; ++$i){
    unlink($file . '.part.' . $i);
  }
}

以上是HTML和PHP实现文件分片上传的方法，通过这种方法，可以提高文件上传的可靠性和稳定性，降低了因网络故障导致的上传失败率。