Question

Я связываю 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> "); 

я получить полный URL

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

Он правильно показывает, если нет места в имени файла, но в случае, если есть пробел в имени файла он оказывает как:

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

Я попытался Javascript построен в функции кодирования, как этот SRC = "+ encodeURI (data.d [я]) +" Но все-таки мой IMG получать визуализируется как во втором case..Please помочь мне кто-то

Answer 1

Как было предложено @DavidThomas использовать encodeURIComponent():

.. width='150' src='" + encodeURIComponent(data.d[i]) + "'></a> .. 

Специальное примечание

основная причина этого не работает, потому что вы не надевали значение src в кавычках. Фактически вы писали:

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

Который обработал бы в странных атрибутах, которые вы видели. Однако, если вы цитировали значения, URL, возможно, также работали:

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

код должен был быть:

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

Или:

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

Теперь, когда вы знаете, тем не менее, гораздо безопаснее избегать URL-адресов, поскольку неэкранированные символы могут приводить к нежелательным результатам в определенной системе:

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