FancyUpload avec JQuery

Question

Comment utiliser FancyUpload dans un projet basé sur JQuery? La page dans laquelle j'utiliserai FancyUpload est faite de JQuery. Comment utiliser FancyUpload? S'il vous plaît mentionner toutes les étapes dans les détails. S'il vous plaît

Answer 1

peut-être vous devriez utiliser http://www.uploadify.com/demo/, son Jquery natif avec Flash. FancyUpload est un plugin mootools.

Answer 2

Si votre coeur est mis sur l'utilisation FancyUpload dans votre projet jQuery:

Étape # 1: Obtenir MooTools. FancyUpload ne fonctionne pas dans jQuery, et pour autant que je sache, il n'est pas prévu de le faire. Il y a, bien sûr, beaucoup d'alternatives, comme la réponse de Meo, ci-dessus.

Answer 3

Vous pouvez simplement placer jQuery en mode noConflict. Pour cela, vous devez placer des wrappers autour de tout le code jQuery où mootools sera chargé sur la page. C'est assez simple.

Exemple:

<script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/mootools/1.2.5/mootools-yui-compressed.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script language="javascript" type="text/javascript"> 
    jQuery.noConflict(); 
</script> 

<script type="text/javascript" language="javascript"> 
// Example with Sep Mootools and jQuery domready's... 
(function($){ 
    window.addEvent('domready',function() { 
    // Do some MooTools Magic here! 
    }); 
})(document.id); 

(function($) { 
    $(document).ready(function() { 
    // Do some jQuery stuff! 
    }); 
})(jQuery); 


// Example with Mootools used as domready, with jQuery calls inside 
(function($){ 
    window.addEvent('domready',function() { 
    // Some mootools magic here! 
    //...... 
    //Option 1 for jQuery using jQuery identifier... 
    alert(jQuery("#some_input_value").val()); 

    // Option 2 for jQuery using temp override of $ 
    (function($) { 
     alert($("#some_input_value").val()); 
    })(jQuery); 
    }); 
})(document.id); 
</script> 

Answer 4

I en œuvre avec succès FancyUpload avec jQuery chargé comme je l'ai discuté ci-dessus. jQuery.noConflict() est la meilleure solution si vous voulez que jQuery et Mootools coexistent. Sinon, oui, devrait probablement rester avec "juste" jQuery ou "juste" mootools. Mon opinion, cependant, est que (bien que je sois un fan de jQuery), l'outil FancyUpload pour Mootools est l'outil le plus propre, le plus beau, le meilleur/le plus facile à utiliser pour le travail. c'est la seule pièce qui mootools pour moi, et est assez léger pour inclure sans surcharger sérieusement le chargement du navigateur.