我有一个文件上传表单,它使用生成的策略将目录上传到 Amazon S3。与 jQuery <=1.9.0 一起工作正常,但在 1.9.1 及更高版本中出现故障,我不知道为什么。对于 1.9.0,它返回“成功”状态并且数据对象在那里。在 1.9.1 中,它立即返回“nocontent”——状态码为 204,数据对象未定义。这是 1.9.1 的变更日志 - 有一些关于序列化表单的内容,但阅读它并没有让我有任何点击。http://blog.jquery.com/2013/02/04/jquery-1-9-1-released/
以下是表单的基础知识:
$('.inputFile').on('change', function () {
var data = new FormData();
var t = $('#uploads');
var r;
$('.fileupload').spin({ left: '120px', lines: 8, length: 4, width: 3, radius: 5, top: '5px' });
requestCredentials = function(file) {
$.ajax({
url: "/image/policy?file=" + file.name,
dataType: "JSON",
success: function(res) {
data.append('key', res.key);
data.append('bucket', res.bucket);
data.append('AWSAccessKeyId', res.aws_key);
data.append('acl', res.acl);
data.append('success_action_redirect', res.redirect);
data.append('Content-Type', res.content_type);
data.append('policy', res.policy);
data.append('signature', res.signature);
data.append('file', file);
$.ajax({
url: res.endpoint,
data: data,
cache: false,
contentType: false,
processData: false,
type: 'POST',
success: function(data, status, xhr) {
console.log('I am jquery 1.9.0');
},
error: function(xhr, status, err) {
console.log('I am jquery 1.9.1');
}
});
},
error: function(res, status, error) {
console.log('Whoops');
}
});
};
$.each($(this).get(0).files, function(i, file) {
requestCredentials(file);
});
});