在文件输入字段上使用 javascript/jquery
我有一个带有多个文件选择的表单。我只想通过 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() {
}
});
});
此处我无法传递文件参数的内容。任何建议
I have a form with mulitiple file select. I just want send the each file to server via AJAX(selected via multiple select).
I can get the files using
document.getElementById('attachment_file').files
I want to use something like
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() {
}
});
});
Here I'm not able to pass the file params. any suggesstions
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
您可以创建一个
FormData对象并发送它。https://developer.mozilla.org/en/DOM/XMLHttpRequest/FormData
请参阅“使用 FormData 对象发送文件”下的示例代码：
https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest
You can create a
FormDataobject and send that.https://developer.mozilla.org/en/DOM/XMLHttpRequest/FormData
See the example code here under 'Sending files using a FormData object':
https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest
由于安全限制，AFAIK 文件不允许通过 AJAX 发送到服务器。不同的库以不同的方式处理这个问题 - 请参阅您的库文档。
AFAIK files are not allowed to be sent to the server via AJAX due to security constraints. Different libraries handle this issue differently - refer to your library docs.
不允许使用纯 ajax 上传文件，典型的解决方法要么涉及 flash，要么（ab）使用 iframe。
https://github.com/blueimp/jQuery-File-Upload 应该是一个不错的选择图书馆让您开始...
you are not allowed to upload files with plain ajax, typical workarounds either involve flash or the (ab)use o iframes.
https://github.com/blueimp/jQuery-File-Upload should be a good library to get you started...
您可以使用此上传器 http://www.uploadify.com/documentation/options/width/< /a>
you can use this uploader http://www.uploadify.com/documentation/options/width/