FancyUpload with JQuery

Question

JQuery 기반 프로젝트에서 FancyUpload를 사용하는 방법은 무엇입니까? FancyUpload를 사용할 페이지는 JQuery로 구성됩니다. FancyUpload를 사용하는 방법? 모든 단계를 자세히 설명해주십시오. MooTools 받기 :

단계 # 1 : 당신의 마음이 당신의 jQuery 프로젝트에 FancyUpload를 사용하여 설정되어있는 경우

Answer 1

어쩌면 http://www.uploadify.com/demo/, 플래시가있는 기본 Jquery를 사용해야합니다. FancyUpload는 mootools 플러그인입니다.

Answer 2

를 바랍니다.

FancyUpload는 jQuery에서 작동하지 않으며 내가 아는 한 그렇게 할 계획이 없습니다. 물론 meo의 답변과 같은 많은 대안이 있습니다.

Answer 3

jQuery를 noConflict 모드로 배치 할 수 있습니다. 이렇게하려면 mootools가 페이지에로드되는 모든 jQuery 코드 주위에 래퍼를 넣어야합니다. 충분히 간단합니다.

예 :

나는 성공적으로 내가 상술 한 바와 같이,로드 jQuery를 함께 FancyUpload을 구현

<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

. jQuery와 Mootools를 공존 시키려면 jQuery.noConflict()가 가장 좋습니다. 그렇지 않으면, 아마도 "그냥"jQuery 또는 "그냥"mootools 중 하나를 고수해야합니다.

내 의견으로는 (내가 jQuery 팬인 동안), Mootools의 FancyUpload 도구는 가장 깨끗하고 멋진보고, 가장/가장 쉬운 도구를 사용하는 것입니다. 그것은 나를 위해 mootools이었고 브라우저로드 시간에 심각하게 부담을주지 않으면서도 충분히 가볍습니다.