Javascript bpopup中的图像加载隐藏

我需要帮助

我有以下文件上传的代码

onSubmit

：

function uploadFile() {
    var file = _("file1").files[0];
    var formdata = new FormData();
    formdata.append("file1", file);
    var ajax = new XMLHttpRequest();
    ajax.upload.addEventListener("progress", progressHandler, false);
    ajax.addEventListener("load", completeHandler, false);
    ajax.addEventListener("error", errorHandler, false);
    ajax.addEventListener("abort", abortHandler, false);
    ajax.open("POST", "php_parsers/file_upload_parser.php");
    ajax.send(formdata);
}

function completeHandler(e) {
    var fileDest = e.target.responseText; //file location is responseText
    _("uloadedImg").src=fileDest;         // '_' is getelementbyid function
    $('#sesame').bPopup();
}

我正在对对象初始化JCrop，如下所示：

jQuery(function($) {
        $('#uloadedImg').Jcrop();
    });

function uploadFile() {
    var file = _("file1").files[0];
    var formdata = new FormData();
    formdata.append("file1", file);
    var ajax = new XMLHttpRequest();
    ajax.upload.addEventListener("progress", progressHandler, false);
    ajax.addEventListener("load", completeHandler, false);
    ajax.addEventListener("error", errorHandler, false);
    ajax.addEventListener("abort", abortHandler, false);
    ajax.open("POST", "php_parsers/file_upload_parser.php");
    ajax.send(formdata);
}

function completeHandler(e) {
    var fileDest = e.target.responseText; //file location is responseText
    _("uloadedImg").src=fileDest;         // '_' is getelementbyid function
    jQuery(function($) {
        $('#uloadedImg').Jcrop();
    });
    $('#sesame').bPopup();
}

HTML是：

<div id="sesame" style="display:none">
<img src="" id="uloadedImg">
</div>

出于某种原因，当我测试此代码时，图像标记变成：

<img src="user/admin/default_avatar.jpg" id="uloadedImg" style="display: none; visibility: hidden; width: 0px; height: 0px;">

我不明白是什么将

样式

元素放在图像标签中，但当我从chrome开发工具中删除这些元素时，JCrop也不起作用

---

如果我不能让它工作，我就要把我的笔记本电脑扔到墙上（

考虑到我对这个问题的压倒性回答，我想我应该和大家分享一下出了什么问题

我在图像标签上初始化

jcrop

，然后才有了图像。我将脚本的

jcrop

部分移动到ajax响应中，如下所示：

jQuery(function($) {
        $('#uloadedImg').Jcrop();
    });

function uploadFile() {
    var file = _("file1").files[0];
    var formdata = new FormData();
    formdata.append("file1", file);
    var ajax = new XMLHttpRequest();
    ajax.upload.addEventListener("progress", progressHandler, false);
    ajax.addEventListener("load", completeHandler, false);
    ajax.addEventListener("error", errorHandler, false);
    ajax.addEventListener("abort", abortHandler, false);
    ajax.open("POST", "php_parsers/file_upload_parser.php");
    ajax.send(formdata);
}

function completeHandler(e) {
    var fileDest = e.target.responseText; //file location is responseText
    _("uloadedImg").src=fileDest;         // '_' is getelementbyid function
    jQuery(function($) {
        $('#uloadedImg').Jcrop();
    });
    $('#sesame').bPopup();
}

谢谢大家的帮助