No se puede obtener blueimp/jQuery.fileupload plugin para trabajar

Question

Estoy intentando utilizar este plugin jQuery para una imagen subidas cruz de dominio jQuery.fileupload

Creo que el plugin utiliza require.js, que ya he incluido porque lo uso cargar Javascript código para mi página. El plugin no se parece a requería que incluyo require.js, pero cuando pruebo mi página me sale este error

Uncaught Error: Mismatched anonymous define() module: function ($, undefined) { http://requirejs.org/docs/errors.html#mismatch

Por favor alguien puede apuntar en la dirección correcta

Answer 1

esto puede ser un ser conflicto entre nombres de funciones, prueba jQuery.noConflict(). o RequireJS Optimizer.

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

Answer 2

que es más probable conseguir de este error, porque va a cargar el archivo JavaScript que contiene la regla de definir() usando <script> etiqueta estándar .

Si desea requerir a trabajar es necesario cargar el archivo con el marco de dependencia proporcionada por requerir, es decir, por accediendo desde otra parte del código por:

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

Answer 3

Me alegro de que soy no solo aquí. Este problema me llevó horas y aquí está la respuesta para usted,

Esto es todo sobre el orden de carga de esos archivos de JavaScript. Debe incluir los archivos en el siguiente orden o no funcionará.

• jquery-min.js
• jquery.ui.widget.js
• jquery.iframe-transport.js
• jquery.fileupload.js
• jquery.fileupload-ip.js
• jquery.fileupload-ui.js
• requieren-min.js (este debe ser el último en ser incluido)

Answer 4

No necesita usar Requirejs para usar jQuery File Upload.

Simplemente asegúrese de incluir el required files en el orden correcto:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
<!-- The jQuery UI widget factory, can be omitted if jQuery UI is already included --> 
<script src="js/vendor/jquery.ui.widget.js"></script> 
<!-- The Iframe Transport is required for browsers without support for XHR file uploads --> 
<script src="js/jquery.iframe-transport.js"></script> 
<!-- The basic File Upload plugin --> 
<script src="js/jquery.fileupload.js"></script> 
<script> 
$(function() { 
    $('#fileupload').fileupload({ 
     // your options 
    }); 
}); 
</script>