Come scegliere tra `window.URL.createObjectURL()` e `window.webkitURL.createObjectURL()` sulla base del browser

Question

Dal sito degli sviluppatori di Firefox, so che Firefox utilizza

objectURL = window.URL.createObjectURL(file); 

per ottenere url di tipo di file, ma in chrome e altri browser webkit abbiamo window.webkitURL.createObjectURL() per rilevare l'url.

Non so come scambiare queste funzioni sulla base di motori del browser, e ho bisogno di essere lavorato su entrambi i browser (Chrome e Firefox)

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

Answer 1

è possibile definire una funzione wrapper:

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

E poi:

// 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'); 
} 

Is rotonda quello che stai cercando. Inoltre, THIS esempio utilizza il molto più semplice ...

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

Answer 3

Semplice uno di linea:

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