如何在javascript中暂停和恢复文件上传

时间:2018-03-19 05:54:14

标签: javascript html5 xmlhttprequest

我尝试使用以下代码上传文件

<form id="upload_form" enctype="multipart/form-data" method="post">
      <input type="file" name="Files" id="file1" onchange="uploadFile()"><br>      
        <progress id="progressBar" class='progressbar' value="0" max="100" style="width:300px;height:5px"></progress>
      <h3 id="status"></h3>
      <p id="loaded_n_total"></p>
</form> 

以下是我的脚本部分

function uploadFile() {
  var files =  document.getElementById("file1") .files[0] ;
  var formdata = new FormData();
  formdata.append("Files", files);
  var ajax = new XMLHttpRequest();
  ajax.upload.addEventListener("progress", progressHandler, false);
  ajax.addEventListener("load", completeHandler, false);
  ajax.addEventListener("error", errorHandler, false);
  ajax.addEventListener("abort", abortHandler, false);
  ajax.open("POST", **myserverpathhere**);
  ajax.send(formdata);
}

在上传过程中,我想暂停文件上传并需要恢复暂停的文件。

如何使用javascript实现它?

0 个答案:

没有答案