plupload - HTML5와 플래시

Question

을 감안할 때 런타임 실버 을 가진 확인 내가 업로드 버튼 을 클릭 아무것도

는 HTML5와 플래시 잘 작동 발생하지 않습니다. 나는 철저하게 테스트하고 있는데, IE가 plupload flash (컨테이너가 설정되지 않았다. IE가 이상하게 작동하지 않는다.)에 버그가 없다는 것을 확인하기 위해 실버 라이트를 런타임으로만 테스트했다. 슬프게도이 침묵 오류가 발생했다. IT는 FF, Chrome on Mac 또는 Windows의 IE9에서 작동하지 않습니다. 내가 백본 및 커피 스크립트 (레일 3 응용 프로그램) 을 사용하고

이 내가 class window.Uploader extends Backbone.View 내 plupload를 구성하는 방법입니다. 이 런타임으로 플래시와 HTML5와 함께 작동 기억이 내 _form.html.erb (HAML를 사랑하지 않는 용서) 주석의 요청에 따라 HTML을 생성

<div id="upload_container" class="clearfix"> 
    <div class='input'> 
    <div class='clearfix'> 
     <%=activity_image @activity%> 
    </div> 
    <%=link_to "Choose Picture", '#', :id => "pickfiles", :class => "btn small"%> 
    <div class='clearfix' id='filelist'> 
    </div> 
    </div> 
</div> 

이

initialize: (options) -> 
    @uploader = new plupload.Uploader({ 
    runtimes : 'silverlight,flash', #'gears,html5,flash,silverlight,browserplus', 
    browse_button : 'pickfiles', 
    container: 'upload_container' 
    max_file_size : '5mb', 
    url : "/admin/upload", 
    flash_swf_url : '/publiclib/plupload.flash.swf', 
    silverlight_xap_url : '/publiclib/plupload.silverlight.xap', 
    filters : [ {title: "#{filter_title} ", extensions : "#{filter_extentions}"}] 
    multi_selection: that.multiple, 
    multipart: true, 
    multipart_params: { 
     "authenticity_token" : FORM_AUTH_TOKEN 
    }, 
    file_data_name: 'photo' 
    }) 

    ###### THIS PRINTS SILVERLIGHT as runtime, in all browser I've tested for this Q 
    ###### So it is used/detected, but not working 
    @uploader.bind 'Init', (up, params) -> 
    $('#filelist').html("<div>Current runtime: #{params.runtime} </div>") 

    @uploader.init() 
    @setupBindings() 

setupBindings: -> 
    #instantiates the uploader 
    that = @ 

    # shows the progress bar and kicks off uploading 
    @uploader.bind 'FilesAdded', (up, files) -> 
    _.each files, (file) -> 

     $('#filelist').append('<div id="' + file.id + '"><small>' + file.name + ' (' + plupload.formatSize(file.size) + ') </small><b></b>' + '<div class=" percent label notice" style="width:10%;"><span>Laster opp</span></div></div>') 

    that.uploader.start() 

    #binds progress to progress bar 
    @uploader.bind 'UploadProgress', (uploader, file) -> 
    # .. some upload code, not relevant to Q 

입니다 ... :

<fieldset> 
    <input id="activity_photo_id" name="activity[photo_id]" size="30" style="display:none;" type="text" /> 

<legend>choose picture for upload</legend> 
<div id="upload_container" class="clearfix"> 

    <div class='input'> 
    <div class='clearfix'> 
     <img src='/assets/default_photo.png' id='image_preview'> 
    </div> 
    <a href="#" class="btn small" id="pickfiles">Choose Picture</a> 
    <div class='clearfix' id='filelist'></div> 
    </div> 
</div> 
</fieldset> 

"그림 선택"을 클릭해도 아무런 변화가 없습니다. 당신의 스타일 Plupload 구조에 따라 plupload 1.5.1.1

Answer 1

은 컨테이너 (#upload_container)에서 길을 잃을 수 있습니다. browse_button 요소를 자체 컨테이너에 랩핑하여 화면에 엄격한 위치를 지정하십시오.

Plupload와 Backbone/CoffeeScript간에 약간의 충돌이있을 수 있습니다. 여기서 작동하는 독립 실행 형 제품이므로 테스트가 완료되었습니다. 어딘가 온라인으로 사용 사례를 보여줄 수 있습니까?