javascript - 计算返回 NaN

Question

我正在尝试创建一个允许多次上传图像的页面，这需要不同的名称属性。为了实现这一点，我使用 JS 添加一个变量 i 给出一个数字。

下面的代码返回 NaN，我不太清楚为什么？

$('document').ready(function() {
var i = 1;
$('#new-dialogue').click(function() {
    var i = i + 1;
    $('.create-upload').append('<div class="upload"><input type="file" name="image' + i + '"/></div>');
});
});

Answer 1

删除第二个 var。

您当前的代码所说的是，当单击 new-dialogue 时，它应该创建一个名为 i 的变量并将其设置为 i+1 ... 但是因为 i 尚未在此范围内定义，所以您正在执行 undefined + 1，即 NaN .

删除第二个 var 将导致 click 函数从包含范围中获取 i 变量，这正是您希望它执行的操作。然后，您可以让 i++ 根据需要递增它。

也就是说，您可以使用以下方法让您的生活更轻松:

<input type="file" name="image[]" />

因为在服务器端，您将拥有一组上传的文件；)