使用XMLHttpRequest从Web服务获取图像

Question

我想从网络服务中获取图片。与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

您是否可以使用此网址获取图片

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

如果是，那么您可以在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'" />