Cómo detectar detectar si XMLHttpRequest admite responseType = "arraybuffer"?

Question

Quiero saber si el navegador admite XMLHttpRequest.responseType = "arraybuffer". El problema es que no puedo probar una compatibilidad "xhr2" general, ya que iOS 4.2 tiene soporte xhr2 parcial que incluye (es decir) XMLHttpRequestUpload pero no responseType = "arraybuffer".

Answer 1

¿Has probado algo como esto?

if(typeof(XMLHttpRequestUpload) == "undefined"){ 
    //not supported 
} 

---

Edición

Creo que puede ser pegado con somthing desagradable como esto

function IsArrayBufferSupported(){ 
    var xhr = new XMLHttpRequest(); 
    xhr.open('GET', '/', true); 
    try{ 
     xhr.responseType = "arraybuffer"; 
     return true; 
    }catch(e){return false;} 
} 

Answer 2

Comprobación de ArrayBuffer debe ser una buena detección de características.

Si un userAgent es compatible con el objeto ArrayBuffer entonces es probable que trabajará con XHR2

Sin embargo, como se ha señalado, lo mejor sería hacer una prueba de función y no una función de detección.

function IsArrayBufferSupported(cb){ 
    var xhr = new XMLHttpRequest(); 
    xhr.open('GET', '/', true); 
    try { 
     xhr.responseType = "arraybuffer"; 
    } catch (e){ 
     return cb(false); 
    } 
    xhr.onload = function onload() { 
     if (ArrayBuffer.prototype.isPrototypeOf(this.response)) { 
      return cb(true); 
     } 
     cb(false); 
    } 
    xhr.send(); 
} 

Answer 3

Estoy utilizando el siguiente:

var supported = typeof new XMLHttpRequest().responseType === 'string'; 

En todos los navegadores que probé que el apoyo de esto, el valor por defecto de responseType es una cadena vacía (como se dice en la especificación: http://www.w3.org/TR/XMLHttpRequest/#the-responsetype-attribute), en navegadores que no admiten responseType, el valor del atributo no está definido.

Answer 4

Conjunto responseType a "arraybuffer" y comprobar si tiene el nuevo valor:

// call like isResponseTypeSupported('arraybuffer') 
function isResponseTypeSupported(responseType) { 
    var xhr = new XMLHttpRequest(); 
    xhr.open('GET', '/'); 
    try { 
     xhr.responseType = responseType; 
    } catch (e) { 
     return false; 
    } 
    return xhr.responseType === responseType; 
} 

Answer 5

El uso de este Modernizr está cubierto por Modernizr.xhr2. El seguimiento de los comentarios sobre el soporte parcial Modernizr.dataview podría ser aún más preciso.

(function(modernizr, ns){ 
    ns.isSupported = (function(){ 
     return modernizr.xhr2 && modernizr.dataview; 
    }); 

    return ns; 
}(window.Modernizr, window.NameSpace || {})); 

Espero que ambas características sean compatibles o no.

Answer 6

Si solo desea detectar si la respuesta "arraybuffer" es compatible, simplemente verifique si está en el objeto global. Si desea detectar otras funciones, simplemente asigne XHR().responseType hasta que el navegador lo vacíe "" o lance un error.

function isAjaxResponseSupported(type) { 
    var xhr = new XMLHttpRequest; 

    /* Check if .responseType is supported first */ 
    if (typeof xhr.responseType === 'string') { 

     /* Some browsers throw error for invalid .responseType */ 
     try { 
      xhr.responseType = type; 
      // If they don't, 
      // check if .responseType is equal to @type. 
      return xhr.responseType === type; 
     } catch (e) { 
      return false; 
     } 

    ; else return false;   
}