2014-02-17 60 views
0

我需要帮助!图像隐藏在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(); 
    }); 

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

我不明白什么是将style元素放在图像标签中,但是当我从chrome开发工具中删除这些元素时,JCrop不工作。

我即将把我的笔记本电脑扔在墙上,如果我不能得到这个工作。 :(

回答

1

考虑的热烈响应,我不得不这个问题,我想我会分享发生了什么事情错了!

我的图像标签上初始化jcrop之前,我曾在那里的图像。我移动jcrop在Ajax响应我的剧本的部分内容如下:

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(); 
} 

谢谢你的所有帮助大家