XMLHttpRequestを使用してWebサービスから画像を取得

Question

Webサービスから画像を取得したい。 Webサービスへの接続が正常に行われますが、画像は私のPhoneGapアプリケーションで開かれていないか、またはそれは... Mozillaで を開いたこれは私のコードです：

 var request = new XMLHttpRequest(); 

    request.open("GET",'http://patisserie-orient.fr/prestashop/prestashop/api/images/products/10/50?PHP_AUTH_USER=motdepasse&ws_key=login',true); 

      request.onreadystatechange = function() 
       { 
        if(request.readyState==4) 
        { 

         if (request.status == 200 || request.status == 0) 
         { 


      alert("Status2 is "+request.status); 
       document.getElementById("myimg").src='http://patisserie-orient.fr/prestashop/prestashop/api/images/products/10/50?PHP_AUTH_USER=motdepasse&ws_key=login'; 

         } 
        } 

       } 
    request.send(); 
} 

Answer 1

uはこれを使用して画像を得ることができていますURL

http://patisserie-orient.fr/prestashop/prestashop/api/images/products/10/50?PHP_AUTH_USER=motdepasse&ws_key=login

YESの場合は、あなたが何ができるか、あなたのHTMLにこの<img src="http://patisserie-orient.fr/prestashop/prestashop/api/images/products/10/50?PHP_AUTH_USER=motdepasse&ws_key=login"を与えることです。

URLを使用してイメージを取得する場合、Ajaxでこれを行う必要はありません。

Answer 2

あるいは

<img src="http://patisserie-orient.fr/prestashop/prestashop/api/images/products/10/50?PHP_AUTH_USER=motdepasse&ws_key=login" onError="this.src='productorservernotavailable.gif'" />