在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不兼容。