你的位置:首页 > Java教程

[Java教程]JS分段上传File(1)


HTML

<form method="POST" name="form1" action="/mupload/upload/" enctype="multipart/form-data">  <input type='hidden' name='csrfmiddlewaretoken' value='' />  <input id='file' type='file' name='file' onchange="" />  <input id='button' name='submit' type='button' value="上传" onclick="chunk_upload(this)"/></form>  

 js方法

var fileSplitSize = 1024 * 1024;var start=0,end=0;var i=0;// 文件段上传function chunk_upload(button){  var   //按大小切割文件段  var blob = file.slice(start, end);        if(end==size){
          var backtext=          alert(backtext);
      }else{
          alert("上传完成第"+i+"段")
          start=end;
          chunk_upload(button);
      }
    }else{
       alert("上传错误");
       chunk_upload(button);
    }}

 主要思想:

  注意设置切割的起始位置和切割大小,通过

  如果一些标记数据可以添加协议头:

  发送协议体

  监听返回码来判断是否传递成功,在进行下一步操作。

  重新设置切割位置,然后递归调用自身start=end;chunk_upload(button);

注意:

  切割的start与end和filesize的关系