我把图片传到服务器了，但是如何返回Json在页面显示图片

我把图片上传到服务器了，想通过JSON的方法获取图片显示在页面上，但是图片的名字我拿到了，但是图片显示不出来，是我

哪里写错了还是本来就行不通？请各位大神帮忙解答一下

jQuery.ajax({
    url: "http://sp01/dev/dev4/_api/web/GetFolderByServerRelativeUrl('test2')/Files",
        type: "GET",    
        headers: {
            "accept": "application/json;odata=verbose",
            "content-type":"application/json;odata=verbose",
        },
        success: function (data) {

            $.each(data.d.results, function (i, item) {
                $("#list1").append(
                      "<li>" + item.Name + "<img scr=" + item.Name + "></img>" + "</li>"
                        );
                alert("hello");
                });
        },
        error: function() {console.log('fail');}
});

8 个解决方案

#1

<img scr=" + item.Name + "></img>
你获得值 是URL地址吗？
追踪你的代码，把 获得的图片的值 Copy 过来？

#2

第一个问题：你的html也太弱了，"<img scr=" + item.Name + "></img>"   --->  "<img scr=" + item.Name + "/>"
第二个问题：你得到的是图片的名字，src里面放图片名称肯定不行，除非你是上传到webapp下的，这是不可能的。那么你的路径是什么？路径+/item.Name 这样可以显示，不过也暴露了你的项目路径命名等。

解决方法是写一个方法读取已上传的图片。

#3

我现在改成这样"<li>" + item.Name + "<img scr=" + item.ServerRelativeUrl + "></img>" + "<img scr=" + item.Name + "></img>" + "</li>"
这个"<img scr=" + item.ServerRelativeUrl + "></img>" 
出来的值是这样的<img scr="/dve/dev4/test2/mobile.jpg"></img>
这个"<img scr=" + item.Name+ "></img>" 
是这样的<img scr="mobile.jpg"></img>


但都显示不出图片

#4

引用 2 楼 laoziyaonitian 的回复:

第一个问题：你的html也太弱了，"<img scr=" + item.Name + "></img>"   --->  "<img scr=" + item.Name + "/>"
第二个问题：你得到的是图片的名字，src里面放图片名称肯定不行，除非你是上传到webapp下的，这是不可能的。那么你的路径是什么？路径+/item.Name 这样可以显示，不过也暴露了你的项目路径命名等。

解决方法是写一个方法读取已上传的图片。

我改成路径名一样也显示不出来

#5

引用 1 楼 jason_dct 的回复:

<img scr=" + item.Name + "></img>
你获得值 是URL地址吗？
追踪你的代码，把 获得的图片的值 Copy 过来？

我现在改成这样"<li>" + item.Name + "<img scr=" + item.ServerRelativeUrl + "></img>" + "<img scr=" + item.Name + "></img>" + "</li>"
这个"<img scr=" + item.ServerRelativeUrl + "></img>" 
出来的值是这样的<img scr="/dve/dev4/test2/mobile.jpg"></img>
这个"<img scr=" + item.Name+ "></img>" 
是这样的<img scr="mobile.jpg"></img>


但都显示不出图片 

#6

引用 3 楼 morioka_shenggang 的回复:

我现在改成这样"<li>" + item.Name + "<img scr=" + item.ServerRelativeUrl + "></img>" + "<img scr=" + item.Name + "></img>" + "</li>"
这个"<img scr=" + item.ServerRelativeUrl + "></img>" 
出来的值是这样的<img scr="/dve/dev4/test2/mobile.jpg"></img>
这个"<img scr=" + item.Name+ "></img>" 
是这样的<img scr="mobile.jpg"></img>


但都显示不出图片

/dve/dev4/test2/mobile.jpg 你到这个路径下可以找到这个图片吗？

#7

引用 6 楼 laoziyaonitian 的回复:

Quote: 引用 3 楼 morioka_shenggang 的回复:

我现在改成这样"<li>" + item.Name + "<img scr=" + item.ServerRelativeUrl + "></img>" + "<img scr=" + item.Name + "></img>" + "</li>"
这个"<img scr=" + item.ServerRelativeUrl + "></img>" 
出来的值是这样的<img scr="/dve/dev4/test2/mobile.jpg"></img>
这个"<img scr=" + item.Name+ "></img>" 
是这样的<img scr="mobile.jpg"></img>


但都显示不出图片

/dve/dev4/test2/mobile.jpg 你到这个路径下可以找到这个图片吗？

可以，我解决了我img里面的src写成scr了  改久了脑子都混了

#8

引用 7 楼 morioka_shenggang 的回复:

Quote: 引用 6 楼 laoziyaonitian 的回复:

Quote: 引用 3 楼 morioka_shenggang 的回复:

我现在改成这样"<li>" + item.Name + "<img scr=" + item.ServerRelativeUrl + "></img>" + "<img scr=" + item.Name + "></img>" + "</li>"
这个"<img scr=" + item.ServerRelativeUrl + "></img>" 
出来的值是这样的<img scr="/dve/dev4/test2/mobile.jpg"></img>
这个"<img scr=" + item.Name+ "></img>" 
是这样的<img scr="mobile.jpg"></img>


但都显示不出图片

/dve/dev4/test2/mobile.jpg 你到这个路径下可以找到这个图片吗？

可以，我解决了我img里面的src写成scr了  改久了脑子都混了

[img=https://forum.csdn.net/PointForum/ui/scripts/csdn/Plugin/001/face/41.gif]
[/img]  让我先冷静一下。