Comment choisir entre `window.URL.createObjectURL ()` et `window.webkitURL.createObjectURL ()` basé sur le navigateur

De l'Firefox développeur de site web, je sais que Firefox utilise

objectURL = window.URL.createObjectURL(file);

pour obtenir l'url de type de fichier, mais dans chrome et d'autres navigateurs webkit nous avons window.webkitURL.createObjectURL() pour la détection d'url.

Je ne sais pas comment permuter ce les fonctions basées sur des moteurs de navigateur, et j'ai besoin d'être travaillé sur les deux navigateurs (Chrome et firefox)

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

source d'informationauteur Rohith Raveendran

  1. 22

    Vous pouvez définir une fonction 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;
    }
}

    Et puis:

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

    Simple doublure:

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

    Est tour-à propos de ce que vous cherchez. Aussi, CETTE exemple utilise la beaucoup plus simple...

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