Question

由于某种原因，ie9不会向服务器上传任何内容，也不会触发失败，也不会触发成功或完成的回调。这是我的代码：

HTML：

<label class="profile-image-container btn-act-green" id="fileupload" data-url="{% url 'festival_registration_file_upload' uidb36 token %}" for="id_image_upload">
    <input type="file" name="image_upload[image_upload]" id="id_image_upload" accept="image/*" multiple>
</label>

JS：

    $(this).find('input[type="file"]').fileupload({
        url: $el_root.attr('data-url'),
        forceIframeTransport: true,
        autoUpload: true,
        dataType: 'json',

        add: function(e, data) {
            data.submit();
        },
        fail: function(e,data) {
            alert('fail')
        },
        success: function(e, data) {
            alert('success')
        },
        done: function(e, data) {
            $progress_bar.css('width', '0%');
            $el_root.addClass('image-uplaoded').removeClass("error");
            $('#id_profile_image').val(data.result.fields.image_upload);

            $image_tag.attr({
                'src': data.result.image_url,
                'width': image_width,
                'height': image_height,
                'position': 'absolute'
            }).css({
                'top': 0,
                'left': 0
            });
        },
        progressall: function (e, data) {
            var progress = parseInt(data.loaded / data.total * 100, 10);
            $('.progress-bar').css(
                'width',
                progress + '%'
            );
        }
    })

有没有人看到这个问题？

我正在虚拟机上测试：win7和ie9

Answer 1

IE9支持似乎是插件的粗略。

请参阅here和here。另请参阅browser support。

修改：在上面的第二个链接中，插件创建者提供了有关如何修复它的说明。不幸的是，我没有任何经验，所以我无法再帮助你了。

JQuery fileupload和ie9

1 个答案: