javascript - 在 jquery ajax 中以不同方式上传数组中的文件

标签 javascript jquery ajax file-upload

我有这个html

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

现在我想单独上传每个文件,但我真的很困难。

$('input:file').on('change', function(){
    allFiles = $(this)[0].files;
    for(var i = 0; allFiles.length > i; i++){
        eachFile = allFiles[i];
        $.ajax({
            url: link,
            type: "POST",
            data: new FormData(eachFile),
            contentType: false,
            processData:false,
            success: function(result){
                console.log(result);
            }
        })
    }
})

但是我好像没工作。我使用上面的 ajax 请求来上传数组中的文件,但我想以不同的方式上传它们。关于如何实现这一目标有什么建议吗?

这不是与假定的重复问题重复的问题。我想将多个文件分别上传到服务器,但标记的问题想要一次上传多个文件。我使用上面的代码一次将多个文件上传到服务器,它工作正常。那么我为什么要像我已经有解决方案一样呢?

最佳答案

使用这个...经过测试(在 Chrome 中)并且工作

$('input:file').on('change', function(){
    allFiles = $(this)[0].files;
    for(var i = 0; allFiles.length > i; i++){
        var eachFile = allFiles[i],
        fileData = new FormData();
        fileData.append('file', eachFile);
        $.ajax({
            url: link,
            type: "POST",
            datatype:'script',
            data: fileData,
            contentType: false,
            processData:false,
            success: function(result){
                console.log(result);
            }
        })
    }
})

关于javascript - 在 jquery ajax 中以不同方式上传数组中的文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41200629/

相关文章:

javascript - 我的表在页面重新加载时更新为空行

javascript - 如何将 Double 或 Triple Spaces Sentences 逐字拆分为 Array Node.js?

javascript - 滑入一个元件,同时滑出一个元件?定位困惑?元素正在覆盖自己

javascript - jquery选择器帮助

jquery - 将 jquery 拼写检查添加到动态生成的文本区域

php - AJAX responseText 在对 .php 的 GET 请求后未定义

javascript - 正则表达式在 Chrome 中有效,但在 Firefox 中出错

javascript - 要求使用 AMD 模式为 jQuery UI 事件提供错误

javascript - 加载 ajax 内容后 Jquery 搜索过滤器不起作用

Javascript Ajax 回调函数未定义错误