Impossible de faire fonctionner le plugin blueimp / jQuery.fileupload

J’essaie d’utiliser ce plugin jQuery pour le téléchargement d’images entre domaines. JQuery.fileupload

Je pense que le plugin utilise require.js, que j’ai déjà inclus car je l’utilise pour charger du code javascript pour ma page. Le plugin ne semble pas obligé d’inclure require.js, mais lorsque je teste ma page, j’obtiens cette erreur.

Erreur non capturée: Module define () anonyme anonyme: function ($, undefined) { http://requirejs.org/docs/errors.html#mismatch

Est ce que quelqu’un peut me diriger dans la bonne direction

Vous n’avez pas besoin d’utiliser Requirejs pour utiliser le téléchargement de fichier jQuery.

Assurez-vous simplement d’inclure les fichiers requirejs dans le bon ordre:

        

Je suis heureux de ne pas être seul ici. Cette question m’a pris des heures et voici la réponse pour vous,

Tout dépend de l’ordre de chargement de ces fichiers JavaScript. Vous devez inclure les fichiers dans l’ordre suivant, sinon cela ne fonctionnera pas.

  • jquery-min.js
  • jquery.ui.widget.js
  • jquery.iframe-transport.js
  • jquery.fileupload.js
  • jquery.fileupload-ip.js
  • jquery.fileupload-ui.js
  • require-min.js (ce doit être le dernier à être inclus)

cela peut être un conflit entre les noms de fonctions, essayez jQuery.noConflict (). ou RequireJS Optimizer.

http://requirejs.org/docs/optimization.html http://api.jquery.com/jQuery.noConflict/

Vous obtiendrez probablement cette erreur car vous chargez votre fichier JavaScript contenant votre règle define () à l’aide de la standard.

Si vous voulez require, vous devez charger le fichier à l'aide du framework de dépendance fourni par require, c'est-à-dire en y accédant depuis une autre partie du code en:

 define( 'jquery' function($){ // use $.fileupload here })