Как добавить class для картинки в этом скрипте?

Question

[Profgramer23]

Нужно добавить class="img-list-itam" для картинки.

function showFile(e) {
    var files = e.target.files;
    for (var i = 0, f; f = files[i]; i++) {
      if (!f.type.match('image.*')) continue;
      var fr = new FileReader();
      fr.onload = (function(theFile) {
        return function(e) {
          var div = document.createElement('div');
          div.innerHTML = "<img src='" + e.target.result + "' />";
          document.getElementById('list').insertBefore(div, null);
        };
      })(f);
 
      fr.readAsDataURL(f);
    }
  }
 
  document.getElementById('files').addEventListener('change', showFile, false);

Answer 1

[Max QNEI]

1.

div.innerHTML = "<img class=\"img-list-itam\" src='" + e.target.result + "' />";

2.

...
var div = document.createElement('div'), img;
div.innerHTML = "<img src='" + e.target.result + "' />";

img = div.children[0];

img.className = img.className.split( " " );
img.className.push( "img-list-itam" );
img.className = classes.join( " " );

document.getElementById('list').insertBefore(div, null);
...

Comments

[Profgramer23]

Огромное спасибо. Вы помогли решить мою проблему. Ещё раз спасибо!

[Max QNEI]

Profgramer23: Всегда пожалуйста!)

Во втором варианте: Пропустил присваивание изображения к переменной по этому запись была обновлена. ;)