在IE7和IE8中使用Ajax上传文件的问题

Question

我正在尝试使用FileAPI库在IE7和IE8浏览器中上传文件，但是很遗憾，它无法正常工作。 它适用于所有其他浏览器，但不适用于IE7，IE8，这也是我的业务要求，使其也适用于IE7，IE8。 这是我的js代码

jQuery(function ($){

    $(document)
        .on('click', '.imageLabel', function (evt){
            imageUploadId = $(this).attr("id").split("_")[1];
            previewImage = document.getElementById('previewHolderDiv_' + imageUploadId);
            $("#imageError_" + imageUploadId).html("");
            errorMessageUl = document.getElementById('imageError_' + imageUploadId);
            removeImageIcon = document.getElementById('removeImage_' + imageUploadId);
        })



        var form = document.forms.vehicleDocumentForm;

        var input = form.vehicleImage;


        var uploadOpts = {
            url: '/save-vehicle-document',
            data: {},
            name: 'vehicleImage',
            activeClassName: 'upload_active' 
        };


        var _onSelectFile = function (evt/**Event*/){

            var file = FileAPI.getFiles(evt)[0];

            if( file ){
                _uploadFile(file, imageUploadId);
            }
        };

        var _uploadFile = function (file){

            uploadOpts.data = {"imageId" : imageUploadId};            
            var opts = FileAPI.extend(uploadOpts, {
                files: {},


                upload: function (){
                    form.className += ' '+uploadOpts.activeClassName;
                },


                complete: function (err, xhr){
                    //enableSellYourButtons();
                    form.className = (' '+form.className+' ').replace(' '+uploadOpts.activeClassName+' ', ' ');
                    var response = JSON.parse(xhr.responseText);
                    if( response.result == "fail"){
                        previewImage.html = "";
                        $("#imageError_" + imageUploadId).html("<li>" + response.message + "</li>");
                    } else {
                        $("#imageError_" + imageUploadId).html("");
                        $("#vehicleImageName_" + imageUploadId).attr("value", response.message);
                    }
                }
            });


            opts.files[opts.name] = file;


            FileAPI.upload(opts);
        };


        FileAPI.event.on(input, "change", _onSelectFile);
}); // ready

我收到一个错误SCRIPT445：对象不支持此操作

文件：FileAPI.min.js，行：2，列：11608

我的FileAPI版本是2.0.11

任何帮助将不胜感激。

谢谢。

Answer 1

根据caniuse的说法 ，FileApi与IE7 / 8不兼容。