HTML5基础知识 - JavaScript API - File - 文件切割

使用FileReader类的Slice（webkitSlice等）方法来分割文件。

file

《three.js如何实现贴图模糊效果 - 使用canvas》申请公开！

第三方库
作品简介 2934
作品推荐
使用帮助
常用链接

HTML
CSS
JavaScript
Result

编译

JavaScript

// Content section used alot
var content = document.getElementById('content');

if (!window.FileReader) {
 content.innerHTML = "This browser doesnt support the File API";
} else {
 // Page Layout
 content.innerHTML =
 'Pick a text file or drag one into this area <input type="file" id="file" />' +
 'First 30 bytes of file content: <pre id="byte-content"></pre>' +
 '';

// Input handler
  document.getElementById('file').onchange = function() {
    showFirstBytes(this.files[0]);
  };

// Drag and drop methods
  content.ondragover = function(e) {
    e.preventDefault();
    return false;
  };
  content.ondrop = function(event) {
    e.stopPropagation();
    showFirstBytes(event.dataTransfer.files[0]);
    return false;
  };

编译

CSS

HTML

使用FileReader类的Slice（webkitSlice等）方法来分割文件。

file

编辑器支持Emmet

快捷键

使用FileReader类的Slice（webkitSlice等）方法来分割文件。

file

HTML5 CSS3带上传列表和进度动画的多文件上传控件

HTML5 性感的微博/微信个人网页模板

编辑器支持Emmet

快捷键

语言：

语言：

导入代码模板：