FormData()只发送对象类型的多文件
Multi files sent by FormData() only object type
我正在尝试使用FormData()
发送多张照片,以便通过提交保存在服务器上。但我只从服务器脚本中得到了一个对象。我如何将照片名称、照片tmp和大小等详细信息发送到服务器脚本或如何从服务器脚本中读取此对象文件?
这是我的代码
<div class="container">
<form action="" method="POST" enctype="multipart/form-data" id="fileinfo">
<input type="file" name="images[]" id="images" multiple />
<hr>
<div id="image-to-upload">
</div>
<input type="submit" />
</form>
</div>
脚本
var fileCollection = new Array();
$("#images").on('change', function(e) {
var files = e.target.files;
$.each(files, function(i, file) {
fileCollection.push(file);
var reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = function(e) {
var template = '<div>' + '<img src="' + e.target.result + '">' + '<input type="text" name="title" >' + '<button class="btn btn-sm btn-info upload">upload</button>' + '<a href="#" class="btn btn-sm btn-danger remove">Remove</a>' + '</div><br />';
$("#image-to-upload").append(template);
}
});
});
$('form').on('submit', function(e) {
e.preventDefault();
var formdata = new FormData();
formdata.append('image', fileCollection);
var request = new XMLHttpRequest();
request.open('post', 'photo', true);
request.send(formdata);
});
// The Javascript
var fileInput = document.getElementById('the-file');
var file = fileInput.files[0];
var formData = new FormData();
formData.append('file', file);
请尝试这个
相关文章:
- 输入类型文件的未捕获类型错误
- 输入类型=文件验证停止其他输入类型验证
- 如何显示在输入类型文件中选择的文件
- 如何使按钮作为输入类型文件
- 可以设置输入类型=文件的文本框的高度
- 在 Angular2 中构建多部分/表单数据 POST 请求并验证输入类型文件
- 如何在jQuery中处理输入类型=文件的onchange事件
- 如何javascript验证<输入类型=文件多个>如果浏览器不支持多个
- 如何将文本上载为具有输入类型文件的表单中的文本文件
- 具有输入类型文件字段的语义UI重置表单
- 用于获取<输入类型=文件>只返回firefox中的文件名
- 输入类型文件-如何访问文件属性
- 输入类型文件将文件路径添加到范围
- 从输入类型文件中获取值
- 从输入[类型=文件]缩放图像
- 带有 javascript 的样式输入类型文件
- Ionic + Cordova InappBrowser - 输入类型=文件不起作用
- 如何设置视频文件的预览,从输入类型='文件'中选择
- 输入类型=“文件”在 Jquery 中使用链接
- 输入类型文件未正确将图像放入图像标签