检查变量是否包含File或Blob

Question

Javascript有File和Blob用于文件表示，两者几乎是一样的。有没有办法检查变量是否持有File或Blob类型的数据？

Answer 1

W3.org:

'File对象是一个带有name属性的Blob对象，它是一个字符串;'

如果是文件：

var d = new Date(2013, 12, 5, 16, 23, 45, 600);
var generatedFile = new File(["Rough Draft ...."], "Draft1.txt", {type: 'text/plain', lastModified: d});

console.log(typeof generatedFile.name == 'string'); // true

如果是Blob：

var blob = new Blob();
console.log(typeof blob.name); // undefined

条件：

var isFile = typeof FileOrBlob.name == 'string';

Answer 2

最简单的方法：

a = new File([1,2,3], "file.txt");
b = new Blob([1,2,3]);
c = "something else entirely";

a instanceof File
> true
b instanceof File
> false
c instanceof File
> false

Answer 3

比较构造函数类：

var b = new Blob()
console.log(b.constructor === Blob) // true

Answer 4

在尝试确定对象是否为文件时，这对我有用：

var reader = new FileReader();

if(file.type){
    reader.readAsDataURL(file);
}

如果我想检查它是否是特定的文件类型，如图像，我这样做：

if(file.type && file.type.indexOf('image') !== -1){
    reader.readAsDataURL(file);
}

Answer 5

基于Nick Brunt的：

function isFile(input) {
   if ('File' in window && input instanceof File)
      return true;
   else return false;
}

function isBlob(input) {
    if ('Blob' in window && input instanceof Blob)
        return true;
    else return false;
}

//Test
const a = new File([1,2,3], "foo.txt", {type: "text/plain"});
const b = new Blob([1,2,3]);
const c = "something else entirely";

console.log(isFile(a));    //true
console.log(isBlob(a));    //true
console.log(isFile(b));    //false
console.log(isBlob(b));    //true
console.log(isFile(c));    //false
console.log(isBlob(c));    //false

不适用于Opera mini以及IE。虽然使用IE浏览器并不重要，因为您可能只使用文件输入标签，在这种情况下，您肯定会知道它是一个文件。