DropZone.js not working using iOS

Question

The file upload with DROPZONE.JS just working in Desktop Browser and Android Browsers. It actually isn't working when it's using iOS. It shows like the file it's uploaded but when I refresh the page it isn't there...

This is the code...

jQuery(function () {

Dropzone.autoDiscover = false;

Dropzone.options.imageUpload = {
    paramName: "file", // The name that will be used to transfer the file
    maxFilesize: 5, // MB
    parallelUploads: 2, //limits number of files processed to reduce stress on server
    addRemoveLinks: true,
    accept: function(file, done) {
        // TODO: Image upload validation
        done();
    },
    sending: function(file, xhr, formData) {
        // Pass token. You can use the same method to pass any other values as well such as a id to associate the image with for example.
        formData.append("_token", $('meta[name="csrf-token"]').attr('content')); // Laravel expect the token post value to be named _token by default
    },
    init: function() {
        this.on("success", function(file, response) {
            // On successful upload do whatever :-)
            console.log(response);
        });
    }
};

// Manually init dropzone on our element.
var myDropzone = new Dropzone("#image-upload", {
    url: '/post-scheduling/add'
});

Answer 1

I had the same issue as @Chad, and the reason was the value for "acceptedFiles". when I changed it from ".jpg,.png" to "image/jpeg,image/png" it started to work normally.