plupload - HTML5とフラッシュ

Question

考えるランタイムSilverlightの をして[OK]を私はアップロードボタン をクリックし何も

はHTML5とフラッシュの微細ワークス起こりません。私は今、徹底的にテストしています。IEがplupload flash（コンテナは設定されていませんでした。IEは外に出ていませんでした）にバグがありましたので、これ以上バグがないように、Silverlightをランタイムのみとしてテストしました。 FF、Chrome on Mac、WindowsのIE9では動作しません。

私はこれは私がclass window.Uploader extends Backbone.View 内pluploadを構築する方法であるバックボーンとCoffeeScriptの（Railsの3アプリ） を使用しています。それは、ランタイムとしてフラッシュと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の間に何らかの競合があるかもしれませんが、ここで動作するスタンドアロンのものとして、今すぐテストされています。どこかでオンラインであなたのユースケースを表示できますか？