android - 无法使用ajax从django后端获取图像到phonegap android应用程序

Question

我正在使用 phonegap 构建 android 应用程序。我正在为 Android 应用程序使用 Django 后端。

在这里，我试图获取书籍模型的所有细节，但我没有在前端获取图像，而是保留了我正在获取的该模型的所有数据。

我正在使用

html = render_to_string('crave/book/book.html',{"books":books})
return HttpResponse(html,mimetype="application/json")

使用ajax获取数据到前端。

这里是我的 book.html 文件

{% for book in books  %}
<img style="padding:1%;float:left;" src="/media/{{book.image}}" height="195" width="140"/>
         </div>
         <div class="span8" style="background-color:black; ">
         <em style="color:red;font-family: 'Ubuntu', sans-serif;font-size:1em;">{{book.title}}</em><p style="font-family: 'Lato', sans-serif; font-size:0.7em;">{{ book.discription }}
         <link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" type="text/css">
        <div id="f" style="padding-top: 3%;padding-bottom: 1%; background-color:black;">
        <div class="container" align="left" style="background-color:black; ">
            <div class="col-lg-4 " style="font-size:0.9em;font-family: 'Ubuntu', sans-serif;">
            add button
            <a href="#" align="right" style="color:red; font-size:0.9em;font-family: 'Ubuntu', sans-serif; float:right;" id="repcrave" class="cli">By {{ book.author }}</a></div>
            </div>
</div>
{% endfor %}

在这里，我通过 ajax 在 phonegap 应用程序中获取所有详细信息，如标题、作者、描述，但只有图像我无法获取。我检查图像保存在上面指定的路径

当我在 Django 应用程序的浏览器中执行此操作时

return render(request, "crave/book/book.html", {'books':books})

我能够获取 Django 应用程序的图像。

这是我的 ajax，用于在 android 应用程序中获取 html。

$(function () 
         {  
                var domain = localStorage['domain'];
                $.ajax({
                    url: domain + "/book/books/",
                    type: "GET",
                    dataType: 'html',
                    success: function (html) {

                                $('#speicificpost_reply').html(html);
                            },
                        error: function (response) {
                        alert('You dont have your books here');

                        }
                });
        });

我不知道我在这里做错了什么。如果有人以前经历过，请帮助我。

Answer 1

基本上模拟器不会在模拟器浏览器中识别“localhost”。所以我们必须使用系统的 IP 地址。在这个问题中只需使用 http://192.168.0.1/media/{{book.image} 在src属性中。这里192.168.0.1是我的系统IP地址。