javascript - 使用迭代的 form.submit() 操作仅下载最后一个文件

Question

我只获取从表单 submit() 下载的最后一个文件，而我希望使用 for 循环下载多个文件。我对 JavaScript 和 jQuery 还很陌生。请帮忙。

我正在向某个 Web API URL (WEBAPIURL) 发送请求，该 URL 使用 token (TOKEN) 进行身份验证和文件引用号 (文件 ID)。我已正确提供所有参数。我可以下载每个单独的文件，但通过 for 循环发送多个文件时无法下载它们。仅下载最后一个文件。

for(id in fileIDs){

    var form = $('<form></form>').attr('action', WEBAPIURL).attr('method', 'post');
    form.append($('<input></input>').attr('type', 'hidden').attr('name', "token").attr('value', TOKEN));
    form.append($('<input></input>').attr('type', 'hidden').attr('name', "fileId").attr('value', fileIDs[id]));
    form.appendTo('body').submit().remove();
}

Answer 1

根据您提供的有限信息，我认为您对多个字段使用相同的名称，您应该使用带有 [] 的数组名称作为多个值，然后应该在 $_POST 的服务器端获取一个数组。

for(id in fileIDs){

    var form = $('<form></form>').attr('action', WEBAPIURL).attr('method', 'post');

    //I don't know what you are doing with TOKEN, make this as array if needed
    form.append($('<input></input>').attr('type', 'hidden').attr('name', "token").attr('value', TOKEN));

    //edit here in field name to make it a array of field
    form.append($('<input></input>').attr('type', 'hidden').attr('name', "fileId[]").attr('value', fileIDs[id]));
    form.appendTo('body').submit().remove();
}