Is compatible Jasny fileupload plugin + blueimp fileupload?

Question

I'm trying to use Jasny fileupload plugin for the design and Blueimp fileupload plugin to upload images at the same time. I don't know if I'm doing it right.

The whole website is designed in Bootstrap and the Jasny fileupload plugin was imposed. I chose to use the Blueimp fileupload plugin because it's flexible, I can validate the type and the volume of the uploaded file and so on...

So while I select an image, the Blueimp fileupload uploads the photo on the server without any problem, but the Jasny fileupload doesn't move. The preview area stays empty. The thumnnail doesn't appear in the area. Also the "Select" button doesn't change to "Change" and "Remove" buttons.

If i comment the lines:

<script src="https://.../js/jquery.iframe-transport.js"></script>
<script src="https://.../js/jquery.fileupload.js"></script>

the Jasny fileupload works, the thumbnail is shown and the Select button becomes Change and Remove buttons, but the images can't be uploaded of course :)

Is it a compatibility problem or am i doing something wrong?

Thanks in advance

Answer 1

There is a namespace clash between Blueimp fileupload and Jasny fileupload. See this GitHub issue.

You can work around this by changing th (blueimp/jQuery-File-Upload) widget factory namespace from

$.widget('blueimp.fileupload', {....

to

e.g $.widget('blueimp.fileuploader', {....