¿Cómo elegir entre 'window.URL.createObjectURL() `y` window.webkitURL.createObjectURL() `basado en navegador

Question

Desde el sitio web para desarrolladores de Firefox, sé que Firefox utiliza

objectURL = window.URL.createObjectURL(file); 

para obtener url del tipo de archivo, pero en cromo y otros navegadores webkit tenemos window.webkitURL.createObjectURL() para detectar url.

No sé cómo intercambiar funciona esta basado en motores de navegación, y lo necesito para ser trabajado en ambos navegadores (Chrome y Firefox)

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

Answer 1

se puede definir una función de contenedor:

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; 
    } 
} 

Y luego:

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

Answer 2

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

Es rotonda Que estas buscando. Además, THIS ejemplo se utiliza la mucho más simple ...

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

Answer 3

simple chiste:

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