javascript — поместите изображение и контент в диалоговое окно jQuery.
Я хочу создать диалоговое окно, в котором пользователь может видеть только что загруженное изображение. Системы загрузки файлов работают нормально, но когда я хочу динамически поместить изображение в диалоговое окно, появляется только пустое поле.
HTML-код:
<div id="dialogbox">{I want to change this conetent here to an image}</div>
JQuery / Javascript код:
function completeHandler(event){
var data = event.target.responseText;
var datArray = data.split("|");
if(datArray[0] == "upload_complete_msg"){
hasImage = datArray[1];
$(function() {
$("#dialogbox").dialog();
$("#dialogbox").html('sadasdasd');
});
} else {
_("uploadDisplay_SP_msg_"+datArray[2]).innerHTML = datArray[0];
_("triggerBtn_SP_"+datArray[2]).style.display = "block";
}
datArray[] текст ответа от проверки PHP datArray[0] равно upload_complete_msg если это удалось, datArray[1] такое имя файла и его расширение, как filename123.jpg а также darArray[2] это просто идентификатор. Как я уже сказал, если пользователь успешно загрузил изображение, должно появиться диалоговое окно. Я пытался добавить больше контента с .html() функция, но она снова ничего мне не показала, просто пустое диалоговое окно. Как можно было бы поместить изображение в это диалоговое окно, как $("#dialogbox").html('<img src="imgfolder/myimage.jpg">');?
Решение
Попробуйте что-нибудь подобное?
function completeHandler(event) {
var data = event.target.responseText;
var datArray = data.split("|");
if (datArray[0] == "upload_complete_msg") {
hasImage = "tempUploads/"+datArray[1];
// Create a jQuery image object, and assign the src attribute.
var imgEl = $("<img>").attr("src", hasImage);
// stick that imgEl into the dialog.
$("#dialogbox").html(imgEl);
$("#dialogbox").dialog();
} else {
_("uploadDisplay_SP_msg_" + datArray[2]).innerHTML = datArray[0];
_("triggerBtn_SP_" + datArray[2]).style.display = "block";
}
}Другие решения
Других решений пока нет …
detector