Изображение скрывается при загрузке в 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 элементы в теге изображения, но и JCrop не работает, когда я удалить эти элементы из хромированной в Дев инструментов.

Я собираюсь бросить свой ноутбук на стену, если я не могу заставить это работать. :(

Answer 1

Учитывая подавляющий ответ я имел на этот вопрос, я думал, что я разделю, что происходит неправильно!

Я инициализация jcrop на бирке изображения, прежде чем я имел изображение в там. Я переехал 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(); 
} 

Спасибо за ваши помощь всем

!