如何动态添加按钮

Question

我想在每张图片中添加按钮。 但是下面的javascript函数无法正常工作

function imagesSelected(myFiles) {
      for (var i = 0, f; f = myFiles[i]; i++) {
        var imageReader = new FileReader();
        imageReader.onload = (function(aFile) 
       {
          return function(e) {
            var span = document.createElement('span');

            span.innerHTML = [
                "<p><b>" + aFile.name + "</b></p><br>"+'<img class="images" src="', e.target.result,'" title="', aFile.name, '" />'+"<strong>" + aFile.name + "</strong><INPUT type="button" value="Add"/>"].join('');

            document.getElementById('thumbs').insertBefore(span, null);
          };
        })(f);
        imageReader.readAsDataURL(f);
      }
}

Answer 1

for循环中存在问题。您必须传递起始值，停止条件和增量器。试试这个：

for (var i = 0; i < myFiles.length; i++) {
    var f = myFiles[i];
    ...
}

检查docs。