javascript中的Url编码

我正在用从服务器端方法返回的映像列表绑定一个div

如下图所示：

  $("#GalleryPhotos").append("<div class='thumbnail'><a rel='group1' data-caption='caption'  class='fancybox'  href=" + data.d[i] + "><img  height='120' width='150' src=" + data.d[i] + "></img></a> </div> ");

$（“#画廊照片”）。附加（“”）；

我会得到完整的网址

 < img src= "/UploadedFiles/Gallery/CricketAlbum/5335.jpg" />

如果文件名中没有空格，则正确显示，但如果文件名中有空格，则显示为：

 < img  src="/UploadedFiles/Gallery/Birdst" album="" sample_05.jpg="" />

---

我尝试了javascript内置函数encode，如下所示：src=“+encodeURI（data.d[I]）+”，但我的img仍像第二种情况一样呈现。请帮助我@DavidThomas建议的人，使用

encodeURIComponent（）

：

这将转化为你所看到的奇怪属性。但是，如果您引用了该值，那么URL也可能有效：

< img  src='/UploadedFiles/Gallery/Birdst album sample_05.jpg' />

或：

不过，现在您已经知道了很多，转义URL总是比较安全的，因为在某些系统中，未转义字符可能会产生不希望的结果：

.... src=\"" + encodeURIComponent( data.d[i] ) + "\" ....

---

顺便说一句，

是一个空元素，它没有结束标记。如果您要附加到现有的URL，您需要的是

encodeURIComponent（）

，而不是

encodeURI（）

。不，您应该执行decodeURI，对吗？我认为mi8没有问题，，如果这是一个实际问题，那么所有带空格和不带空格的图像名称都不应该被刷新..请纠正我，如果我错了你能给我们提供

console.log（data.d[i]）

.encrodeURIComponent的输出示例吗？encrodeURIComponent正在编写..我们建议的Thx@davidsmail encodeURIComponent对我有用…但是你的任何建议都非常有用！请接受这个答案，因为它很有帮助。

< img  src='/UploadedFiles/Gallery/Birdst album sample_05.jpg' />

.... src='" + data.d[i] + "'>....

.... src=\"" + data.d[i] + "\">....

.... src=\"" + encodeURIComponent( data.d[i] ) + "\" ....