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

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

HTML代码：

---

datArray[]

是来自PHP验证的响应文本

datArray[0]

等于

upload\u complete\u msg

如果成功，

datArray[1]

是图像文件名和扩展名，如

filename123.jpg

和

darArray[2]

只是一个id。因此，如我所说，如果用户成功上传图像，应该会出现一个对话框。我尝试使用

.html（）

函数添加更多内容，但它没有再次显示任何内容，只是显示了一个空对话框。如何将图像放入此对话框中，如

$（“#dialogbox”）.html（“”）？
试试这样的方法


函数completeHandler（事件）{
var data=event.target.responseText；
var datArray=data.split（“|”）；
如果（数据阵列[0]=“上传完成信息”）{
hasImage=“temuploads/”+datArray[1]；
//创建jQuery图像对象，并分配src属性。
var imgEl=$（“debug，debug，debug.I将从
console.log（数据）开始）
马上，看看你到底得到了什么。正如我说的，我只在显示的时候上传文件没有任何问题。但是下面是数据：
upload_complete_msg | filemg1513187555.jpg | 47
看起来更好，但我没有把图像作为url。我把它放在一个名为
temuploads
的文件夹中。因此图像代码要搜索的内容如下：
http://localhost/social_media/root/filename1513188174.jpg
但我是这样定位我的图像的：
temuploads/filename1513188174.jpg
这让你达到目的了吗？感谢投票，总是好奇“之后会发生什么”。。。
<div id="dialogbox">{I want to change this conetent here to an image}</div>

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