如何在基于浏览器的`window.URL.createObjectURL（）`和`window.webkitURL.createObjectURL（）`之间进行选择

Question

从Firefox开发者网站，我知道Firefox使用

objectURL = window.URL.createObjectURL(file);

获取文件类型的url，但在chrome和其他webkit浏览器中，我们有window.webkitURL.createObjectURL()来检测url。

我不知道如何根据浏览器引擎交换这些功能，我需要在两种浏览器上工作（Chrome和firefox）

https://developer.mozilla.org/en/DOM/window.URL.createObjectURL

Answer 1

简单的一个班轮：

var createObjectURL = (window.URL || window.webkitURL || {}).createObjectURL || function(){};

Answer 2

您可以定义包装函数：

function createObjectURL ( file ) {
    if ( window.webkitURL ) {
        return window.webkitURL.createObjectURL( file );
    } else if ( window.URL && window.URL.createObjectURL ) {
        return window.URL.createObjectURL( file );
    } else {
        return null;
    }
}

然后：

// works cross-browser
var url = createObjectURL( file );

Answer 3

if (window.URL !== undefined) {
    window.URL.createObjectURL();
} else if (window.webkitURL !== undefined) {
    window.webkitURL.createObjectURL();
} else {
    console.log('Method Unavailable: createObjectURL');
}

关于你正在寻找什么。另外，THIS示例使用了更简单的...

window.URL = window.URL || window.webkitURL;