如何在javascript中使用完整图像路径

Question

我正在ajax中将值从控制器传递到ejs文件，并在jquery中访问该变量，并将具有图像名称的变量传递给具有图像静态路径的下一个变量。这样我就可以在JavaScript中使用图像访问该变量。文件夹中存储的图像的名称为Sat Jun 23 2018 12:28:58 GMT+0530 (IST)_2.pn，在检查图像时，我遇到了一半的错误，这将创建损坏的图像。

jQuery代码：

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

map

Answer 2

这是引号在字符串结束之前关闭的问题。

示例

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 3

src属性不应包含空格字符。 src属性URL中不允许使用空格字符，您必须对其进行编码。或使用有效的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语法应为：valid src Uniform Resource Identifier