Question

嗨我发送这个json到jsp包含文件url我希望通过这个url在ajax中显示图像。任何人都可以帮助我。

 //controller
  recordingInfo = recordingManager.getRecordingInfo(new Integer(recordingId));    

 map.put("status", true);    

 map.put("recordingInfo", recordingInfo);  

 return JSONSerializer.toJSON(map).toString();

这里我将json对象发送到jsp并尝试通过ajax调用获取如下。这个json包含像

这样的URL

  d:/abc/xyz.jpg

我想在点击该网址时将其显示为图片。我怎么能这样做。

//jsp

 function showUploadedImages(recordingId) {
    $("#recordingId").val(recordingId);
    $("#newRecording").hide();
    $.ajax({
        type : 'POST',
        url : 'adminShowUploadedImages',
        data : ({
            recordingId : recordingId
        }),
        success : function(data) {
            var returnData = jQuery.parseJSON(data);
            if (returnData.status) {
                alert(returnData);
        });

在returnData我有网址我想把它显示为图像。帮助我

Answer 1

将div放在具有属性id图片的正文中，例如<div id="picture"></div>
将img标记附加到div

例如

//code
success : function(data) {
      var returnData = jQuery.parseJSON(data);           
      $("#picture").append("<img src=\" + returnData.img_url + "\" />");
});
//code if any

从json显示图像文件

1 个答案: