Question

以下代码不会将文件数据发布到IE9中的服务器。

FormData（）对象看起来是个问题，但不确定如何解决它。

我使用form.serialize()，但这不是上传文件。

我对于为此功能实现JQuery文件上传器犹豫不决。是否有一种简单的方法来上传类似于FormData（）的文件？

    // HTML
    <form name='aform' action='upload.php'>
           <input type='file' name='afile'>
           <input type='text' name='qty' value='1'>
           <input type='hidden' name='product_id' value='7'>
           <a class='addToCartButton'>Add to cart</a>
    </form>



    // JS
    $(document).on('click', '.addToCartButton', function(event) 
    {

        var form_id = $(this).closest('form').attr('id');

        var formElement = document.getElementById(form_id);

        var odata = new FormData(formElement);        

        //var $form = $('#'+form_id);

        $.ajax({
            url: 'http://localhost/cart/add',
            data: odata, //$form.serialize(),
            type: 'POST',
            processData: false,  // tell jQuery not to process the data
            contentType: false   // tell jQuery not to set contentType            
        }).done(function(data) 
        {

            var returnObject = jQuery.parseJSON(data);

            switch(returnObject.status) {
                case 'success':
                    alert('Item added to cart');
                    break;              
                case 'error':
                    alert('An error occured');
                    break;
                case 'no_file':
                    alert('No file was detected');
                    break;                                      
            }                           

        });

        event.preventDefault();
    });

Answer 1

这是因为IE9不支持它。

http://caniuse.com/#search=formdata

完全相关：Post formdata via XMLHttpRequest object in JS ? ( cross browser)

发布FormData在IE9中不起作用

1 个答案: