在瀏覽器中的URL自動添加另一個`）`？

我有一個函數返回imageUrl，
我檢查控制檯是正確url(../../../../assets/images/bottom/123.png)
但我不知道爲什麼在瀏覽器中，它添加一個)，使其無法找到圖像在瀏覽器中的URL自動添加另一個`）`？

function getImage(imageName) { 
    const imagePath = '../../../../assets/images/bottom'; 
    const imageUrl = `url(${imagePath}/${imageName})`; 
    console.log(imageUrl," --!!!!!!!!!!") 
    return imageUrl 
} 

getImage('123.png') // url(../../../../assets/images/bottom/123.png)

HTML

<img src={ getImage('123.png') } />

Chrome瀏覽器控制檯：

GET http://127.0.0.1:3000/assets/images/bottom/123.png) 404 (Not Found)

我的代碼有什麼問題？

來源

2016-10-06 user2492364

在img src你應該有../../../../assets/images/bottom/123.png，而不是url(../../../../assets/images/bottom/123.png)。最後的括號（但是一開始沒有）是瀏覽器試圖從無意義中理解的結果。 url(...)是CSS;你混淆了語言。

來源

2016-10-06 03:24:46 Amadan

我不能完全肯定的答案，但我相信

const imageUrl = `url(${imagePath}/${imageName})`;

是你的問題occurrs。嘗試在最後去掉），所以它成爲

const imageUrl = `url(${imagePath}/${imageName}`;

如果我是你，我會用一些東西嘗試。

來源

2016-10-06 03:27:36 SirJosh3917

在瀏覽器中的URL自動添加另一個`）`？

回答

相關問題