Question

我有一个函数，当调用该函数时，我需要弹出文本和图像。我的javascript是：

 function Upload(){
 if(value !- ''){
      $("#divValue").html("Uploaded: " + //i need to add an image here );
 }

所以它说//我需要在这里添加一个图像，这就是我的图像，让我们说它的tire.gif，需要添加，所以当调用javascript时它会一起显示文本和图像。

Answer 1

您可以使用document.createElement方法创建一个img对象，只需设置源和可选的高度和宽度，然后使用“append”将其添加到div：

var img = document.createElement('img')
img.src = //URL to your image

    $(img).css('width','50px'); //set the width  (optional)
    $(img).css('height','50px'); //set the height (optional)

//最后将新创建的图像对象附加到“DivValue”

   $("#divValue").append(img);

Answer 2

你能试试吗，

function Upload(){ 
  var value="some value";
  if(value != ''){     
    $("#divValue").html("Uploaded: <img src='../images/tire.gif' />" );
  }
}

Answer 3

实际上非常直接。您只需要在将替换html的字符串中传递标记。

选中此jsFiddle

但你只需要这样做：

$("#divValue").html("Uploaded: <img src=' PATH_TO tire.gif ' /> ");

注意＆＃34;和＆＃39;避免语法问题。

干杯。

Answer 4

你的意思是这样吗？

$("#divValue").html('Uploaded: ' + '<img src="image.jpg" alt=""/>');

如何在功能负载上一起添加文本和图像

4 个答案: