Dropzone: Dropzone doesn't work in Safari

[dhardtke]

Safari under Windows doesn't support HTML5 Drag- and Drop uploads so dropzone tries to stick to the fallback... and fails:
TypeError: 'undefined' is not a function (near '.."}).on("success",function(...')
I tried fixing it by myself but didn't get it working..
it must be this line:

return this.element.appendChild(this.getFallbackForm());

Thanks.

[enyo]

Thank you. I'll look into it.

[dhardtke]

Anything new on this? :)

Thank you.

[enyo]

Hi. Sorry, I was on vacation. I'll look into it now.

[enyo]

Which Safari version are you using?

[dhardtke]

The latest one on Windows.

Am 23.09.2013 16:56, schrieb Matias Meno:

Which Safari version are you using?

—
Reply to this email directly or view it on GitHub
https://github.com/enyo/dropzone/issues/277#issuecomment-24925977.

[enyo]

Mh. I just tried with the latest Safari version on Windows on www.dropzonejs.com and it worked just fine. Can you please try as well on the official site and report back if it worked. If yes, there might be something wrong with your configuration.

_Closing this until we know more._

[dhardtke]

It works on the official site, but I think it's because how I am using DropZone:

new Dropzone(value.trigger, {
    url: "./modules/helper/handleUpload.php?upload_type="+value.type+"&pid="+pid,
    maxFileSize: 1,
    clickable: true,
    uploadMultiple: false,
    paramName: "file"
}).on("success", function(file, successMessage) {
    this.removeFile(file);
}).on("error", function(file, errorMessage) {
}).on("totaluploadprogress", function(progress) {
    if(progress == 100 && !loading) {
        loading = true;
        $(value.container).load("ucp.html?mode=profiles&pid="+pid+"&action=reload_pictures&picture_type="+value.type, function() {
            if($(value.container).find(".picture").length >= value.max) {
                $(value.trigger).hide();
            }
            loading = false;
        });
    }
});

[cgfmedia]

its not work in windows safari even your dropzone site demo i tested it with safari 5.1.7

[kixe]

Doesn't work in Safari 6.0.1 on Mac.

[uzi0espil]

I have same issue with @cgfmedia, is there any workaround or update about it?

[noc2spam]

Yes it does not work in safari 5.1.7 in Windows too. In the demo site, it reverts back to the default. Any solution would be appreciated :)

[nanopony]

Testing on safari 5.1.7, Windows
@noc2spam
It is due to self-check done in Dropzone.isBrowserSupported: It returns false because of the browser isn't supporting window.FileReader. But since that object is used only in Dropzone.prototype.createThumbnail I've made a workaround by making a stub because I am not using thumbnail on the fly feature:

window.FileReader = window.FileReader || {'foo':'bar'}

[sidaurukfreddy]

Is that anyone solved in this issue !

[gubenkovalik]

this never gonna be fixed, because Safari is the worst browser with sick-support of JavaScript

[lmiller1990]

To anyone who finds this from Google around late 2017 early 2018...

This was not working in my app, but demo on dropzonejs.com works fine. I'm not sure about when this issue was created, but it seems fine now -- I'll report back when I figure out what I am doing wrong.

Thanks for this lib, it rocks.

Edit: I too am getting

a.map is not a function. (In 'a.map(function(a){return b.addFile(a)})', 'a.map' is undefined)

Edit: It appears to have been fixed very recently, see here #1640 .