Как добавить текст и изображения вместе при загрузке функции

Question

У меня есть функция, в которой, когда функция вызывается, мне нужно, чтобы текст и изображение всплывали. Мой браузер:

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

Итак, где он говорит, // Мне нужно, чтобы добавить изображение здесь, это где мой образ, позволяет сказать, что его tire.gif, должен быть добавлен так, когда браузер называется он отображает текст и изображение вместе.

Answer 1

Вы можете попробовать это,

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

Answer 2

Это на самом деле довольно прямо вперед. Вам просто нужно передать тег внутри строки, которая заменит html.

Проверить это jsFiddle

Но вам просто нужно сделать:..

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

смотреть разница между "и", чтобы избежать проблем синтаксиса

Приветствия

Answer 3

Вы означают вот так?

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

Answer 4

вы можете использовать метод document.createElement для создания IMG объекта и просто установить источник и дополнительную ширину и высоту, а затем добавить его в 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);