已使用jQuery-file-upload创建了上传功能，我的上传工作在Firefox，Chrome和IE 9以上版本中。
我已经尝试通过jQuery-fileupload插件的文档推荐iframe传输。
Fileupload完成了他的任务，但是他发送了一个空对象。因此，symfony发送有关文件的错误。
我的上传过程如下：Backbone.js + require.js-> symfony-> rackspace
$(selector).fileupload({
dataType: 'json',
autoUpload: true,
url: 'http://' + IM('site').get('domain') + '/' + window.PadawanSite.envPath + '/upload/adpost/img',
forceIframeTransport: true,
add: function (e, data) {
var id = e.target.id.substring(e.target.id.length - 2),
jqXHR = data.submit()
.success(function (result, textStatus, jqXHR) {
images.push({
id: id,
original: result.publicUrl.original,
large : result.publicUrl.large,
medium : result.publicUrl.medium,
small : result.publicUrl.small
});
})
.error(function (jqXHR, textStatus, errorThrown) {
$('#picture_callback_' + id).removeClass('glyph icon-spinner2 icon-refresh-animate').addClass('glyph-05 icon-x-empty');
})
.complete(function (result, textStatus, jqXHR) {
if (textStatus === "success") {
var ad = IM('ad').toJSON();
ad.images = images;
IM('ad').clear().set(ad);
IM('ad').save(ad);
if (IM('ad').toJSON()) {
$('#adpost_picture_img_' + id).attr("src", result.responseJSON.publicUrl.small);
$('#picture_callback_' + id).removeClass('glyph icon-spinner2 icon-camera icon-x-empty icon-refresh-animate').addClass('glyph-05 icon-v');
$('#adpost_picture_visualize').removeAttr('disabled');
}
}
});
$('#adpost_picture_visualize').attr('disabled', 'disabled');
$('#picture_callback_' + id).removeClass('glyph-05 icon-camera icon-x-empty').addClass('glyph icon-spinner2');
$('#picture_callback_' + id).addClass('icon-refresh-animate');
$('#adpost_picture_name_' + id).empty();
$('#adpost_picture_name_' + id).append(data.files[0].name);
}
});
我的请求标头，发送给了symfony。但是您可以看到content-length等于0。这就是问题所在，但是为什么他要这样做呢？
X-Requested-With: XMLHttpRequest
Host: sjus.local
Request: POST /app_dev.php/upload/adpost/img HTTP/1.1
Cache-Control no-cache
User-Agent Mozilla/5.0 (Windows NT 6.1; Trident/7.0; rv:11.0) like Gecko
Connection Keep-Alive
Referer http://sjus.local/app_dev.php#postad/picture
Accept-Encoding gzip, deflate
Accept-Language en-us
Content-Length 0
Accept */*
最佳答案
当您作为plugin's documentation site says跨域文件上传时，这是对IE8 / 9的已知限制。
我曾经遇到此问题，特别是当插件尝试从iframe检索响应时，出现“权限被拒绝”错误，这是因为在我的情况下，该站点是与api位于同一域的子域。因此，我能够使用选项“ initialIframeSrc”来指定要在iframe中使用的document.domain（幸运的是）。我做了这样的事情：
dataType: 'text',
forceIframeTransport: true,
initialIframeSrc: "javascript:document.write('<script>document.domain=\"mydomain.com\";</script>')",
通过这种方式，插件可以从iframe内容中检索响应。
希望这可以帮助。
关于javascript - 使用blueimp jQuery文件上传的文件上传在IE9中不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26162906/