javascript - 通过javascript上传socket.io图像

Question

所以我正在使用 javascript 编写一个简单的多图像上传脚本，但必须使用 socket.io 才能将图像放入数据库。为了运行预览，我一直在获取 event.target.result 并将其作为 div 上的图像 src 。有什么方法可以将每个图像存储在数组中，以便我可以通过套接字传输它，并将其加载到另一侧？当我尝试将其加载到数组中时，它总是未定义。

     for (var i = 0; file = files[i]; i++) {


        name[i] = files[i].name;

        // if the file is not an image, continue
        if (!file.type.match('image.*')) {
            continue;
        }

        reader = new FileReader();
        reader.onload = (function (tFile) {
            return function (evt) {
                var div = document.createElement('div');
                var miniDiv = document.createElement('div');
                div.id = "photoDiv";
                div.innerHTML = '<img style="width: 120px; height: auto;" src="' + evt.target.result + '" />';
                div.className = "photos";

                var data = evt.target.result;
                picture[i] = data;
                document.getElementById('filesInfo').appendChild(div);
                document.getElementById('previewDiv').appendChild(document.getElementById('filesInfo'));


            };
        }(file));
        reader.readAsDataURL(file);
    }
    uploadFiles();
} 

Answer 1

Don't make functions within a loop这样，可能会导致意想不到的事情。

我建议使用JSHint ，非常有帮助。