对文件输入字段使用javascript/jquery

Using javascript/jquery on file input field

本文关键字：javascript jquery 文件 输入 字段      更新时间：2023-09-26

我有一个带有多个文件选择的表单。我只想通过AJAX（通过多选选择）将每个文件发送到服务器。

我可以使用获取文件

document.getElementById('attachment_file').files

我想用之类的东西

var files = document.getElementById("attachment_file").files
$.each(files, function(index, file11){
       $.ajax({
        url: "/users",
        type: 'POST',
        dataType: 'json',
        data: {doc: {title: file11}},
        async: false,
        success: function() {
        }
      });
});

在这里，我无法传递文件参数。任何建议

您可以创建一个FormData对象并发送它。

https://developer.mozilla.org/en/DOM/XMLHttpRequest/FormData

请参阅"使用FormData对象发送文件"下的示例代码：

https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest

由于安全限制，不允许通过AJAX将AFAIK文件发送到服务器。不同的库处理这个问题的方式不同-请参阅您的库文档。

您不允许使用纯ajax上传文件，典型的解决方案要么涉及flash，要么（ab）使用iframes。https://github.com/blueimp/jQuery-File-Upload应该是一个很好的图书馆，让你开始。。。

您可以使用此上传程序http://www.uploadify.com/documentation/options/width/

相关文章：