Question

使用jQuery-file-upload创建上传功能，我的上传工作在Firefox，Chrome和IE版本超过9个。

我试图强制iframe传输，由jQuery-fileupload插件的doc推荐。 Fileupload完成他的任务，但他发送了一个空对象。因此，symfony发送有关文件的错误。我的上传过程如下：Backbone.js + require.js - ＆gt; symfony - ＆gt; 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。但是你可以看到内容长度等于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 */*

Answer 1

当您以plugin's documentation site says进行跨域文件上传时，这是对IE8 / 9的已知限制。

我曾经遇到过这个问题，特别是我得到了＃34; Permission denied＆＃34;当插件试图从iframe中检索响应时出错，这是因为在我的情况下，该网站是与api在同一域中的子域。所以我能够使用选项＆＃34; initialIframeSrc＆＃34;指定要在iframe中使用的document.domain（幸运的是）。我做了这样的事情：

dataType: 'text',
forceIframeTransport: true,
initialIframeSrc: "javascript:document.write('<script>document.domain=\"mydomain.com\";</script>')",

这样插件就可以从iframe内容中检索响应。

希望这有帮助。

用blueimp jQuery文件上传文件上传，在IE9中不起作用

1 个答案: