Как сделать полный путь к изображению в JavaScript

Question

Я передаю значение из контроллера в файл ejs с помощью ajax и обращаюсь к этой переменной с помощью jquery и передаю эту переменную с именем изображения в следующую переменную со статическим путем к изображению.Так что я могу получить доступ к этой переменной с помощью изображения в JavaScript.Изображение, сохраненное в папке, имеет имя Sat Jun 23 2018 12:28:58 GMT+0530 (IST)_2.pn, и при проверке изображения я получаю половину пути, который создает поврежденное изображение.

Код запроса:

var adminimg=$('#adminphoto').val();
    var adminphoto="./uploads/images/"+adminimg;
      mesage_div += "<div class=chat-user-clint><div class=user-image dh ><img src="+adminphoto+"></div><p class=chat-masage id="+onemsg._id+" >"+onemsg.msg_desc+"</p></div><span class='timeago right' title="+onemsg.created_at+"></span><div class=clearfix></div>" ;

Answer 1

Это проблема с закрытием кавычек до конца строки.

Пример

var adminimg=$('#adminphoto').val();
var adminphoto="'"+"./uploads/images/"+"'"+adminimg+"'";
  mesage_div += "<div class=chat-user-clint><div class=user-image dh ><img src="+adminphoto+"></div><p class=chat-masage id="+onemsg._id+" >"+onemsg.msg_desc+"</p></div><span class='timeago right' title="+onemsg.created_at+"></span><div class=clearfix></div>" ;

Answer 2

Атрибут src не должен содержать пробел.Пробелы не допускаются в URL-адресах атрибутов src, их необходимо кодировать.Или переименуйте изображение при загрузке с действительными URL-адресами, заменив пробел символом подчеркивания.

var adminimg=$('#adminphoto').val();
var adminphoto="./uploads/images/"+adminimg;
var adminphoto = adminphoto.split(" ").join("+");
var mesage_div = "<div class=chat-user-clint><div class=user-image dh ><img src="+adminphoto+"></div><p class=chat-masage id= ></p></div><span class='timeago right' title=></span><div class=clearfix></div>" ;
$( "#emoji" ).append( mesage_div );

src синтаксис должен быть: действительный src Унифицированный идентификатор ресурса

Answer 3

var adminimg = "Sat Jun 23 2018 12:28:58 GMT+0530 (IST)_2.png";

var adminphoto="./uploads/images/"+adminimg;

// Use EncodeURI or replace to omit spaces
var img_url1 = encodeURI(adminphoto)

var img_url2 = adminphoto.replace(/ /g, '%20')