comment détecter si une URL pointe vers un fichier SWF

Question

Existe-t-il un moyen (de préférence avec JavaScript) de déterminer si une URL correspond à un fichier SWF ou à un fichier JPG? La réponse évidente est de renifler le nom de fichier pour ".jpg" ou ".swf" mais j'ai affaire à des bannières qui sont décidées dynamiquement par le serveur et ont généralement beaucoup de paramètres et n'incluent généralement pas de extension. Donc je me demande si je pourrais d'abord charger le fichier puis le lire pour déterminer s'il s'agit d'un fichier SWF ou JPG, puis le placer, car le code JavaScript dont j'ai besoin pour afficher un fichier JPG par rapport à un fichier SWF est très différent.

Merci!

Answer 1

Vous pouvez utiliser javascript pour détecter s'il s'agit d'une image en créant une img-tag dynamique.

function isImage(url, callback) { 
    var img = document.createElement('img'); 
    img.onload = function() { 
     callback(url); 
    } 
    img.src = url; 
} 

Et puis appeler avec:

isImage('http://animals.nationalgeographic.com/staticfiles/NGS/Shared/StaticFiles/animals/images/primary/bald-eagle-head.jpg', function(url) { alert(url + ' is a image'); }); 

Mise à jour Cette version exécutera toujours le rappel avec une valeur booléenne.

 function isImage(url) { 
     var img = document.createElement('img'); 
     img.onload = function() { 
      isImageCallback(url, true); 
     } 
     img.onerror = function() { 
      isImageCallback(url, false); 
     } 
     img.src = url; 
    } 

    function isImageCallback(url, result) { 
     if (result) 
      alert(url + ' is an image'); 
     else 
      alert(url + ' is not an image'); 
    } 

Mettez votre logique dans la fonction isImageCallback.

Answer 2

Je ne suis pas sûr de la configuration exacte que vous avez, mais pouvez-vous utiliser la réponse HTTP et vérifier le type mime pour déterminer l'image vs flash?

Answer 3

Si l'URL n'a pas d'extension, il n'y a aucun moyen de le savoir sans demander le fichier au serveur.

Answer 4

J'étendrait la réponse de Sijin en disant:

Une requête HTTP HEAD à l'URL peut être utilisé pour examiner mime-type de la ressource. Vous n'aura pas besoin de télécharger le reste du fichier de cette façon.

Answer 5

complètement non testé, basiquement juste une idée:

function isImage(url) 
{ 
    var http = getHTTPObject(); 
    http.onreadystatechange = function() 
    { 
     if (http.readyState == 4) 
     { 
      var contentType = http.getResponseHeader("Content Type"); 
      if (contentType == "image/gif" || contentType == "image/jpeg") 
       return true; 
      else 
       return false; 
     } 
    } 

    http.open("HEAD",url,true); 
    http.send(null); 
} 


function getHTTPObject() 
{ 
    if (window.XMLHttpRequest) 
    { 
     return new XMLHttpRequest(); 
    } 
    else 
    { 
     if (window.ActiveXObject) 
     { 
      return new ActiveXObject("Microsoft.XMLHTTP"); 
     } 
    } 
    return false; 
}