Проблема с размещением функции onload в jQuery

Question

Мне очень понравился совет по наилучшему способу перестроить нижеследующую функцию. То, что я делаю, это настроить считыватель файлов и обновить содержимое divs в цикле for. В принципе, мой код работает отлично до тех пор, пока я оставляю в нижнем предупреждении «alert (sparespacetofill)»; для тестирования, но когда я выхожу из этого предупреждения, содержимое моего div не обновляется, как должно. Очевидно, что проблема с функцией «reader.onload» не будет вызвана до того, как функция завершит работу, но я действительно зациклился на том, как я должен структурировать это по-другому.

function setup_reader(file,number, sparespacetofill) { 

var name = file.name; 
var reader = new FileReader(); 

reader.onload = function(e) { 
$('#' + sparespacetofill).children('img').attr('src',e.target.result); 

if ($('#' + sparespacetofill).find("p").length <= 0 && sparespacetofill !='pic0') { 
$('#' + sparespacetofill).append('<p id="deleteit">Delete<a></p>'); 
} 

} 

reader.readAsDataURL(file); 

//alert(sparespacetofill);///ISSUE IS IN HERE IF I UNCOMMENT THIS OUT 

return sparespacetofill; 
} 

Answer 1

Когда пожары события загрузки, имеют операцию Ajax полностью законченную ?

Если это так, любая функциональность, которую вы пытаетесь выполнить, когда функция возвращается, вместо этого выполняет ее в конце функции onload. Вызовите функцию там, которая продолжается с любым кодом, который вы запускали.

При необходимости отрегулируйте код, чтобы его можно было разделить на две части: часть, которая выполняется до setup_reader(), и которая вызывает setup_reader(), и часть, которая запускается после срабатывания события onload.

Answer 2

Вы можете попробовать Javascript SetTimeout() метод, как это,

setTimeout(return sparespacetofill, 3000) ; 

// Вместо этой линии

alert(sparespacetofill);///ISSUE IS IN HERE IF I UNCOMMENT THIS OUT 

return sparespacetofill;