Question

I’m using valums Ajax upload to upload images. I have mulitple upload buttons on the same page. Everything works perfect on FF, Chrome, IE8 and Opera. But, in safari nothing happens and also file is not uploaded. I’m using ajaxupload.3.6.js and below is my code –

        button = $("#uplaodFile1");      
             new AjaxUpload(button, {
            action : '/business/upload_file1',
            name: 'uplaodFile1',
            autoSubmit: true,
            cache:false,
            onSubmit: function (file, ext) {

                if (!(ext && /^(jpg|gif|png)$/i.test(ext))) {
                    alert('Error: invalid file extension');
                    return false;
                }

            },
            onComplete: function (file, response) {
               if(response=="Sucess") {
                    alert(response + 'sucess');
                    }

                else {
                        alert(response);
                    }

            }
        });

Has anybody faced this. I tried all the options like adding the meta tag, searching for empty src attribute and url attribute also, but nothing could help.

Answer 1

Its known issues with safari browser.Please check this link https://github.com/valums/file-uploader/issues/190.You can try http://blueimp.github.com/jQuery-File-Upload/ this plugin its has good good features and documentation