通过javascript将源应用于<img/>标记时出现问题

Question

您好，

我已将图像存储在我的数据库中，如图像123.jpg

还有我的图片文件夹

当我通过 ajax 获取图片名称并应用此图片

var result="<img src='folder/images 123.jpg' />"
document.getElementById("div_name").innerHTML=result;

我在 Firebug

中得到了这个

<img 123.jpg="" src="folder/images">

我不想将图像名称中的空格替换为任何字符，例如“_”

如何使它成为可能。

提前致谢。

Answer 1

试试这个：

var result="<img src='folder/images%20123.jpg' />"

%20是URL编码中的SPACE（ASCII 32）。

Answer 2

您需要对空间进行网址编码 - 将其替换为+或%20：

var result="<img src='folder/images%20123.jpg' />"

或者：

var result="<img src='folder/images+123.jpg' />"

Answer 3

试试这个：

var result = "<img src=\"folder/" + encodeURIComponent("images 123.jpg") + "\" />";

encodeURIComponent将为您编码所需的字符。

Answer 4

你只需要用％20替换空格，它应该可以工作。

var result="<img src='folder/images%20123.jpg' />"
document.getElementById("div_name").innerHTML=result;

Answer 5

您可以使用escape(string)来逃避空间。

var url = escape('folder/images 123.jpg');
var result='<img src='+ url + '/>'
document.getElementById("div_name").innerHTML=result;