javascript 对file
JavaScript 是一门脚本语言，广泛应用于前端网站开发，它有着强大的文件操作能力。在前端开发中，文件上传、读取、处理是必不可少的功能。JavaScript 中对文件的操作主要是针对文件对象（File Object）的操作。在本文中，我们将详细介绍 JavaScript 如何对文件进行操作。
在 HTML 中，文件上传通过 <input type="file"> 元素实现。在 JavaScript 中，可以通过访问这个元素的 files 属性来访问文件对象。使用 files 属性一次可以上传多个文件，但是必须将 multiple 属性设置为 true。
// HTML 代码
<form>
<input type="file" multiple>
</form>
// JavaScript 代码
var files = document.querySelector('input[type=file]').files;
for (var i = 0; i < files.length; i++) {
console.log(files[i].name);
}
可以通过 files 对象获取上传的文件的一些基本信息（如文件名称、文件大小、文件类型等），每个文件对象都包含以下属性：
- name：上传文件的名称
- size：以字节为单位上传文件的大小
- type：上传文件的 MIME 类型
- lastModified：上传文件的最后修改时间（时间戳格式）
在 JavaScript 中，处理文件的操作还包括文件的读取。可以使用 FileReader 对象读取文件内容。FileReader 对象的 readAsText() 方法可以将文件内容读取为文本格式，readAsArrayBuffer() 方法可以将文件内容读取为二进制格式，readAsDataURL() 方法可以将文件内容读取为 Base64 编码格式。
var reader = new FileReader();
reader.readAsText(file); //读取文件为文本格式
reader.onload = function(e) {
console.log(e.target.result);
}
在文件上传过程中，需要对上传的文件进行验证，例如验证文件类型是否正确、文件大小是否符合要求等。JavaScript 中可以通过 File API 来获取上传文件的基本信息。使用 File API 的 type 属性、size 属性等方法对文件进行验证。
var file = document.getElementById('file').files[0];
if (file.type != 'image/jpeg' && file.type != 'image/png') {
alert('只能上传 JPG 或 PNG 格式的图片！')
}
if (file.size >1024 * 1024) {
alert('文件大小不能超过 1MB！')
}
需要注意的是，在一些老旧的浏览器中，可能不支持 File API，针对这种情况，可以使用 FormData 对象来实现文件上传。
总的来说，JavaScript 对文件的操作是非常灵活和强大的。无论您是需要验证上传的文件，还是需要读取上传文件的内容，或者进行其他一些文件操作，JavaScript 都有强大的支持。需要注意的是，在进行文件操作时，也需要考虑到浏览器的兼容性问题。