廖雪峰JavaScript教程的网页不得不用Flash这样的第三方插件来实现。 随着HTML5的普及,新增的File API允许JavaScript读取文件内容,获得更多的文件信息。 HTML5的File API提供了 File 和 FileReader 两个主要对象,可以获得文件信息并读取文件。 下面的例子演示了如何读取用户选取的图片文件,并在一个 <div> 中预览图像: 1. var 2. fileInput alert('不是有效的图片文件!'); 22. return; 23. } 24. // 读取文件: 25. var reader = new FileReader(); 26. reader.onload = function(e) { 27. var 28. data = e.target.result;0 码力 | 264 页 | 2.81 MB | 10 月前3
阮一峰 《ECMAScript 6入门》 第三版的,总是等于 undefined 。 下面是另一个例子,通过 Generator 函数逐行读取文本文件。 function* numbers() { let file = new FileReader("numbers.txt"); try { while(!file.eof) { yield parseInt(file.readLine(), 10); fileInput = document.getElementById('fileInput'); var file = fileInput.files[0]; var reader = new FileReader(); reader.readAsArrayBuffer(file); reader.onload = function () { var arrayBuffer = reader reader.result; // ··· }; 下面以处理bmp文件为例。假定 file 变量是一个指向bmp文件的文件对象,首先 读取文件。 var reader = new FileReader(); reader.addEventListener("load", processimage, false); reader.readAsArrayBuffer(file); 然后,定义0 码力 | 679 页 | 2.66 MB | 1 年前3
共 2 条
- 1













