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

尝试这样的事情？

＆＃13;

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

＆＃13;

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

1 个答案: