Переменная не подходит для чтения файлов

Question

Переменная не подходит для чтения файлов

0

Я пытаюсь сделать эскизы для загруженных изображений. Я хочу создать классы diferents для больших пальцев, для этого я пытаюсь использовать de i цикла. Но это предполагает только окончательное значение. Зачем? благодаря

for (var i = 0; i < inp.files.length; i++) {

//create the thumbnails
 var reader = new FileReader();
reader.onload = function (e) {
    $('.thumbs').append('<div class="thumb_item" id="c'+ i +'"></div>');
    $('<img />').attr({'src': e.target.result}).addClass('img_thumb').appendTo('.thumb_item:last');

};
reader.readAsDataURL(this.files[i]);
}

Igor Martins 23 окт. 2013, в 20:28

Источник

1

возможный дубликат закрытия Javascript внутри циклов - простой практический пример
John Dvorak 23 окт. 2013, в 18:01
0

Спасибо ... Проблема похожа, но я не могу применить это на моем примере .. :(
Igor Martins 23 окт. 2013, в 18:05

Теги:

javascript

jquery

file

loops

2 ответа

Ещё вопросы

возможный дубликат закрытия Javascript внутри циклов - простой практический пример
Спасибо ... Проблема похожа, но я не могу применить это на моем примере .. :(

Markku K. · Answer 1 · 2013-10-23T16-59-00.000Z

Почему вы не можете применить тот же метод, указанный в комментарии?

reader.onload = (function(index)
                 {
                   return function (e)
                   {
                    $('.thumbs').append('<div class="thumb_item" id="c'+ index +'"></div>');
                    $('<img />').attr({'src': e.target.result}).addClass('img_thumb').appendTo('.thumb_item:last');
                   };
                 })(i);

Igor Martins · Answer 2 · 2013-10-23T17-27-00.000Z

Спасибо всем, я решил так:

for (var i = 0; i < inp.files.length; i++) {

        var reader = new FileReader();

    // Closure to capture the file information.
    reader.onload = (function (theFile) {

     var count = i;
        return function (e) {
    $('.thumbs').append('<div class="thumb_item" id="c'+ count +'"></div>');
    $('<img />').attr({'src': e.target.result}).addClass('img_thumb').appendTo('.thumb_item:last');

};
})(i);
reader.readAsDataURL(this.files[i]);
}