鍍金池/ 問(wèn)答/HTML/ 通過(guò)后臺(tái)返回的圖片路徑來(lái)顯示圖片出錯(cuò)

通過(guò)后臺(tái)返回的圖片路徑來(lái)顯示圖片出錯(cuò)

后臺(tái)返回給我的接口中,有一個(gè)圖片的絕對(duì)路徑。比如后臺(tái)ip是11.11.1,圖片路徑是/default.jpg。我在網(wǎng)址中輸入11.11.1/default.jpg可以看到圖片,但是卻顯示不出來(lái)
我是通過(guò)客戶端發(fā)送請(qǐng)求,用node寫了代理,得到響應(yīng)后,拿到圖片路徑信息后給到img標(biāo)簽的src屬性。

后臺(tái)給的這部分的接口數(shù)據(jù)是這樣的:

"data": {
        "list": [{
            "picture ": "/default.jpg "
        }]
    }

我的js代碼

var xhr = new XMLHttpRequest();
        xhr.onreadystatechange = function() {
            if (xhr.readyState == 4) {
                if (xhr.status >= 200 && xhr.status < 300 || xhr.status == 304) {
                    var text = JSON.parse(xhr.responseText);
                    var imgsrc= text["data"]["list"][0]["picture"];
                    document.getElementsByTagName('img')[0].setAttribute('src', imgsrc);
                } else {
                    alert("error: " + xhr.status);
                }
            }
        }
        var url = "/Blog/listAll/1"
        xhr.open("get", url, true);
        xhr.send(null);

我的node代理代碼

else if (pathname == '/default.jpg') {
        (function() {                             
            var options = {
                host: "11.11.1", 
                path: pathname, 
                method: 'get' 
            };
            console.log(pathname);
            let req = http.request(options, function(req) { 
                req.on("data", function(chunk) {
                    sendmsg += chunk; 
                });
                req.on("end", function(d) { 
                    var list = JSON.stringify(sendmsg); 
                    response.writeHead(200);
                    response.end(sendmsg);
                });
            });
            req.end(); 
        })()
    }      

然后也沒(méi)有報(bào)錯(cuò),就是圖片顯示不出來(lái)
圖片描述

回答
編輯回答
逗婦乳

你可以右鍵看下src里面的地址是什么,然后再看下network里面這張圖片請(qǐng)求的路徑到底是什么

2017年5月1日 05:11
編輯回答
乞許

原生ajax 兄弟你有點(diǎn)牛啊

2017年1月23日 18:24
編輯回答
玄鳥

我覺得你應(yīng)該在noderesponse寫個(gè)頭部,規(guī)定圖片的編碼格式,比如utf-8,或者gbk2312什么的。

2017年3月11日 13:27
編輯回答
祉小皓
var text = JSON.parse(xhr.responseText);
var data = text["data"]["list"][0]["picture"];
document.getElementsByTagName('img')[0].setAttribute('src', imgsrc);

imgsrc 找不到哇

2018年1月30日 07:30