Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/436.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在javascript中暂停和恢复文件上载_Javascript_Html_Xmlhttprequest - Fatal编程技术网

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

如何在javascript中暂停和恢复文件上载,javascript,html,xmlhttprequest,Javascript,Html,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

我已经尝试使用下面的代码上传文件

<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> 
在上传过程中,我喜欢暂停文件上传,需要恢复暂停的文件


如何使用javascript实现它

您应该尝试resubable.js。Hi@imanshu15,Is resumable.js是第三方插件吗?是的,它是一个JavaScript库,通过HTML5文件API提供多个同时、稳定和可恢复的上传。嗨,还有其他方法可以满足我的要求吗?你可以根据这一点使用本地存储,请注意,如果文件没有那么大,这将很好。
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);
}