Question

我想在收到ajax的回复后显示图片

我有以下代码

<!DOCTYPE html>
<html>
  <title> Dashboard</title>
  <head>
 <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script>
        jQuery(document).ready(function() {
                url = "<?php echo $_GET['PATH_INFO']; ?>";
                $.ajax({
                         type: "POST",
                         url: 'http://localhost:8081/fetch_image',
                         dataType: "JSON",
                         data: {
                                external_source: url,

                        },
                        success: function(data) {
                                local_image= data[0]['local_source'];
                                alert(local_image);
                        }
                });

        });
    </script>
     </head>
<body>


</body>

我不知道如何在ajax Request

成功时显示local_image

我在php中需要这个，所以它会返回内容类型jpeg header

Answer 1

在你的成功功能中添加：

$(body).append('<img src="' + local_image + '">');

Answer 2

添加空白图片。

<img id="local_source" style="display:none"/>

在AJAX成功函数中：

success: function(data) {
  $("#local_source").show().attr('local_source', data[0]['local_source']);
}

想要显示图像，使用ajax获取图像名后，不想返回html

2 个答案: