您好,欢迎访问一九零五行业门户网

javascript中有没有file对象

javascript中有file对象;file对象代表一个文件,用于读写文件信息,该对象继承了blob对象,并扩展了与文件系统相关的功能,所有可以使用blob对象的场合都可以使用file对象;可以利用“new file(fileparts, filename, [options])”构造器来获取file对象。
本教程操作环境:windows10系统、javascript1.8.5版、dell g3电脑。
javascript中有file对象file 对象
file 对象代表一个文件,用来读写文件信息。它继承了 blob 对象,或者说是一种特殊的 blob 对象,所有可以使用 blob 对象的场合都可以使用它。
最常见的使用场合是表单的文件上传控件(),用户选中文件以后,浏览器就会生成一个数组,里面是每一个用户选中的文件,它们都是 file 实例对象。
// html 代码如下// <input id="fileitem" type="file">var file = document.getelementbyid('fileitem').files[0];file instanceof file // true
上面代码中,file是用户选中的第一个文件,它是 file 的实例。
构造函数
浏览器原生提供一个file()构造函数,用来生成 file 实例对象。
new file(array, name [, options])
file()构造函数接受三个参数。
array:一个数组,成员可以是二进制对象或字符串,表示文件的内容。
name:字符串,表示文件名或文件路径。
options:配置对象,设置实例的属性。该参数可选。
第三个参数配置对象,可以设置两个属性。
type:字符串,表示实例对象的 mime 类型,默认值为空字符串。
lastmodified:时间戳,表示上次修改的时间,默认为date.now()。
下面是一个例子。
var file = new file( ['foo'], 'foo.txt', { type: 'text/plain', });
实例属性和实例方法
file 对象有以下实例属性。
file.lastmodified:最后修改时间
file.name:文件名或文件路径
file.size:文件大小(单位字节)
file.type:文件的 mime 类型
var myfile = new file([], 'file.bin', { lastmodified: new date(2018, 1, 1),});myfile.lastmodified // 1517414400000myfile.name // "file.bin"myfile.size // 0myfile.type // ""
上面代码中,由于myfile的内容为空,也没有设置 mime 类型,所以size属性等于0,type属性等于空字符串。
file 对象没有自己的实例方法,由于继承了 blob 对象,因此可以使用 blob 的实例方法slice()。
扩展知识:
有两种方式可以获取它。
第一种,与 blob 类似,有一个构造器:new file(fileparts, filename, [options])
fileparts —— blob/buffersource/string 类型值的数组。
filename —— 文件名字符串。
options —— 可选对象:
lastmodified —— 最后一次修改的时间戳(整数日期)。第二种,input 标签更常见的是,我们从 <input type="file">或拖放或其他浏览器接口来获取文件。在这种情况下,file 将从操作系统(os)获得 this 信息。
由于 file 是继承自 blob的,所以 file 对象具有相同的属性,附加:
name —— 文件名,lastmodified —— 最后一次修改的时间戳。这就是我们从 <input type="file"> 中获取 file 对象的方式:
<input type="file" onchange="showfile(this)"><script>function showfile(input) { let file = input.files[0]; alert(`file name: ${file.name}`); // 例如 my.png alert(`last modified: ${file.lastmodified}`); // 例如 1552830408824}</script>
详细点:
请注意:
输入(input)可以选择多个文件,因此 input.files 是一个类数组对象。这里我们只有一个文件,所以我们只取
input.files[0]。
【相关推荐:javascript视频教程、web前端】
以上就是javascript中有没有file对象的详细内容。
其它类似信息

推荐信息