网站首页 think技术

HTML5大文件上传

发布时间：1970-01-01 00:00查看次数：4629

HTML5大文件上传

();
HTML5大文件上传        var shangchuan = $('input[ name = shangchuan]');
         shangchuan.click(function(){
             var file =  $('input[name = wenjian]').get(0).files[0];
             var size =  $('#size');
             var num = $('#num');
             var name = $('#name');

             var ul = $('#fengedian');

             var fenge_num = 1024*1024 * 1; //1M大小
             var data = new FormData();
             data.append('wj',file);
             var wenjian_obj = new Object;

             wenjian_obj['name']= file.name;
             wenjian_obj['size'] = file.size;
             //计算分割数量
             var tmp = 0;                  //文件分割起始位置
             var file_size = file.size;     //文件长度
             var end = tmp + fenge_num;     //第一次分割长度
             var i = 0;                     //记录循环次数

              while (tmp < file_size){
              var tmp_bao =  file.slice(tmp ,end);
                  tmp = end;                 //循环中起始位置
                  end = tmp + fenge_num;           //循环中结束位置
                  var li = "分割开始位置:" + tmp + "分割结束位置:"+ end+"";
                  $(li).appendTo(ul);
                  i+=1;
            }
             size.html( wenjian_obj.size);
             num.html(i);
             name.html(wenjian_obj.name);
         });