将图像和内容放入 jQuery 对话框

Question

我想制作一个对话框，用户可以在其中看到他/她刚刚上传的图像。文件上传系统工作正常，但是当我想动态地将图像放入对话框时，只会出现一个空框。

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] 只是一个 id。因此，正如我所说，如果用户已成功上传图像，则应出现一个对话框。我尝试使用 .html() 函数添加更多内容，但它没有再次显示任何内容，只是一个空对话框。像$("#dialogbox").html('<img src="imgfolder/myimage.jpg">');这样的对话框怎么可能放一张图片？

Answer 1

试试这样的？

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";
  }
}