Question

我有一个文件上传插件（jQuery Fine Upload）。有了这个插件，我通过AJAX上传图像，并从响应（JSON）生成预览图像。除了所有版本的Internet Explorer之外，这在主流浏览器中运行良好，因为这个...想要打开带有.js扩展名的JSON respone。当文件输入发生变化时会触发该事件。请参阅以下代码：

initFileuploader: function() {
    $('#imageUploadWrapper').fineUploader({
        request: {
            uuidName: 'uploadId',
            inputName: 'upload',
            endpoint: '/admin/model/media/image/upload', 
            params: {
                format: 'json'
            }
        },
        // debug: true, // ##### !!!!! #####
        autoUpload: true,
        responseJSON: true,
        deleteFile: {
            enabled: true,
            forceConfirm: true
        }
    }).on('complete', function(event, id, name, response) {

        var elem = $('.qq-upload-list li')[id];

        $(elem).prepend('<div class="previewContainer"></div>').addClass('cf');
        $(elem)
            .children('.previewContainer')
            .append($('<img src="/admin/model/media/image/view/tmp/'+response.result[0].name+'" class="previewItem"/>'));

    });
}

这是JSON的回应：

{
    "success": true,
    "version": "1.0",
    "code": 200,
    "result": [{
        "name": "08390ab5-0c1d-4801-bef9-7bfd5d446776.jpg",
        "type": "image\/pjpeg",
        "error": 0,
        "size": 845941
    }],
    "error": ""
}

Answer 1

如文档中所述，您的响应的Content-Type标头必须具有“text / plain”值。如果您的回复的Content-Type是“application / json”，正如我认为的那样，您将遇到您正在观察的问题。

Internet Explorer ajax响应问题

1 个答案: