Téléchargement d'une image à l'aide de XMLHttpRequest dans un script d'utilisateur

Tout d'abord il y a un question avec le même titre ici DONC, mais ce n'est pas ce que je cherche et il n'a pas une réponse complète.

Alors, voici ma question. Dire que j'ai cette URL qui pointe vers une image.

https://fbcdn-photos-a.akamaihd.net/hphotos-ak-ash4/299595_10150290138650735_543370734_8021370_355110168_n.jpg

Une fois j'ai mis ce paramètre ?dl=1 à la fin de l'URL, il devient téléchargeable.

https://fbcdn-photos-a.akamaihd.net/hphotos-ak-ash4/299595_10150290138650735_543370734_8021370_355110168_n.jpg?dl=1

Je suis en train de faire cette tâche par le biais d'un script. J'ai donc utilisé XMLHttpRequest.

var url = "https://fbcdn-photos-a.akamaihd.net/hphotos-ak-ash4/299595_10150290138650735_543370734_8021370_355110168_n.jpg?dl=1";

var request = new XMLHttpRequest();  
request.open("GET", url, false);   
request.send(null);  

if (request.status === 200) 
{  
    alert(request.statusText);
}

Ici est un violon.

Mais il ne fonctionne pas.

source d'informationauteur Isuru

  1. 3

    Vous essayez de demander une ressource à l'aide de XHR qui est sur un autre domaine et est donc bloqué. L'utilisation de la SCRO pour le cross-domaine de messagerie à l'aide de XHR.

  2. 1

    Krof Drakula est droit, il est impossible de charger une image à partir d'un domaine différent, mais avez-vous vraiment besoin de faire cela? Vous pouvez créer et ajouter un img tag et attendre que ça charge (avec quelque chose comme jQuery load()).

    var img = document.createElement( 'img' );
img.setAttribute( 'src', url );
document.getElementsByTagName('body')[0].appendChild( img );