圖像隱藏在bpopup的加載

Question

我需要幫助！

我有以下的文件上傳的代碼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不工作。

我即將把我的筆記本電腦扔在牆上，如果我不能得到這個工作。 :(

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

謝謝你的所有幫助大家

！