Javascript 在 for 循环后不工作

Question

我已经编写了代码来上传调整大小的照片。这是它的 html 表单:

<form action="aa.php"  method="post"  id="uploadImageForm" enctype="multipart/form-data">
        <input type="file" id="fileToUploadId" name="fileToUpload[]" accept="image/jpeg, image/png"  multiple />
        <input type="submit" value="Upload Image" name="submit">
</form> 

提交时我正在运行这个 JavaScript:

$('#uploadImageForm').on('submit', function(e){
    e.preventDefault();
    var ds = [];
    var files = document.getElementById("fileToUploadId").files;
    for (var i in files) {

            if (typeof files[i] !== 'object') return false;
            resize.photo(files[i], 1200, 'file', function (resizedFile) {

                var resizedSize = resizedFile.size;
                ds.push(resizedFile);
            });  
            alert('for loop working'); //getting executed for each itteration 
    }

    alert('final alert'); //not getting executed
    console.log(ds);
});

但是 for 循环之后的代码没有得到执行。照片数量的“for loop working”警报按预期显示，但不是“最终警报”。

请注意，这里的照片大小调整是按预期进行的，有些脚本文件我没有包含在这里。但是控制台中没有错误。我已经在 chrome 和 firefox 中运行了代码，两者都给出了相同的输出。

最后一件事是因为我在提交时运行这个 JavaScript，页面没有按预期转到 aa.php。

Answer 1

如果您的函数返回，它不会继续执行其余代码。看看这一行:

if (typeof files[i] !== 'object') return false;

在这里你返回了整个函数，它终止了它的执行。尝试改用 continue 语句，这将停止当前迭代并转到下一个迭代。