顯示上傳按鈕取決於上傳的文件

我有一個項目模型，我可以創建項目和每個項目上傳視頻和照片。我使用嵌套屬性。我的表單顯示5個照片上傳按鈕和5個視頻上傳按鈕。我想隱藏使用的按鈕。例如：如果我上傳了1張照片和2個視頻，我希望我的編輯表單顯示4個上傳照片按鈕和3個視頻。顯示上傳按鈕取決於上傳的文件

現在，如果上傳照片，它將隱藏1個上傳按鈕和1個來自視頻的上傳按鈕。有誰知道如何使這成爲可能？

這是我的控制器。

def new 
     @project = Project.new() 
     (5 - @project.assets.length).times { @project.assets.build } 


     respond_to do |format| 
      format.html # new.html.erb 
      format.xml { render :xml => @project } 
     end 


     end 

     # GET /projects/1/edit 
     def edit 
      @project = Project.find_by_permalink(params[:id]) 
      (5 - @project.assets.length).times { @project.assets.build } 


     end

寶石：

gem "paperclip", "~> 3.5" 

# handels video upload 
gem "paperclip-ffmpeg", "~> 1.0.0"

項目型號：

class Project < ActiveRecord::Base 
    has_permalink :title 
    default_scope :order => 'created_at desc' 
    attr_accessible :title, :description, :assets_attributes, :dependent => :destroy 
    validates_uniqueness_of :title 
    validates_presence_of :title 
    has_many :assets, :dependent => :destroy 
    accepts_nested_attributes_for :assets, :allow_destroy => true 

end

資產型號：

class Asset < ActiveRecord::Base 
    require 'paperclip' 
    require 'paperclip-ffmpeg' 

    belongs_to :project, :foreign_key => "project_id" 
    attr_accessible :project_id, :photo, :video 
    has_attached_file :photo, :styles => { :thumb => "130x130#", :medium => "300x300#", :small => "160x160#"} 
    has_attached_file :video, :styles => { 
    :mobile => {:geometry => "400x300", :format => 'flv', :streaming => true} 
    }, :processors => [:ffmpeg, :qtfaststart] 


end

來源

2013-11-27 fynn

你需要區分視頻資產，圖像資產。那會做。此外，如果您可以與我們分享正在使用的寶石，我們可以提供更好的幫助。。

來源

2013-11-27 12:39:43

增加了一些信息:) – fynn

通過進行「添加」按鈕，添加在請求文件字段解決了這個問題（有沒有一個用於視頻上傳和一個用於照片上傳。）

<div class="row"> 
    <div class="newPaperclipFiles col-md-4 col-md-offset-1" style="overflow: hidden;"> 
    <h3 style="color:rgb(31,154,207);">Upload a Photo</h3> 
    <hr style="margin-left: -20%; width: 280px !important;"></hr> 
    <%= f.fields_for :assets do |asset_photo| %> 
     <% if asset_photo.object.new_record? %> 
     <div class="btn custumbtn btn-xs" id="duplp" onlick="duplicatep()">Add</div> 
     <div id="duplicaterp"> 
      <%= asset_photo.file_field :photo %> 
     </div> 
     <% end %> 
    <% end %> 
    </div> 
</div>

JS：

<script type="text/javascript"> 
document.getElementById('duplp').onclick = duplicatep; 

var i = 0; 
var original = document.getElementById('duplicaterp'); 

function duplicatep() { 
    var clone = original.cloneNode(true); 
    clone.id = "duplicaterp" + ++i; 
    original.parentNode.appendChild(clone); 
} 
</script>

來源

2013-11-28 13:02:30 fynn

顯示上傳按鈕取決於上傳的文件

回答

相關問題