附加形式 - 图像上传

时间:2015-02-13 15:04:09

标签: ruby-on-rails ruby dropzone.js cloudinary

我目前正在构建一个Ruby on Rails应用程序(Ruby 2 - Rails 4)。

我选择Cloudinary和Attachinary作为上传和存储应用程序的照片/文档附件的选择。

我已在我的应用程序中设置用户模型:

has_attachment :avatar, :accept => [:jpg, :png, :gif]

现在我已经设置了这个我希望创建一个表单来上传用户个人资料的头像图像。

<div class="row">
    <div class="col-md-4 col-xs-12">
        <div class="profile-image" align="center">
            <img src="<%= asset_path "person.png" %>" width="180px" height="180px" alt=""/>
        </div>

       <div class="dropzone-wrapper">
            <div class="table" class="files" id="previews">
                <div id="file_template" class="file-item">
                    <!-- This is used as the file preview template -->
                    <div class="preview-image">
                        <span class="glyphicon glyphicon-paperclip"></span>
                        <img data-dz-thumbnail />
                    </div>

                    <div class="info-file">
                        <div class="name" data-dz-name></div>
                        <strong class="error text-danger" data-dz-errormessage></strong>
                        <div class="size" data-dz-size></div>
                    </div>

                    <div>
                        <div data-dz-remove class="cancel-btn cancel">
                            <span class="glyphicon glyphicon-remove"></span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="dropzone" id="dropzone">
          Drop new image or click.
          <%= form_for :user, do |f| %>
          <%= attachinary_file_field_tag 'user[avatar]', :user, :avatar %>
          <% end %>
            </div>                
        </div>
    </div>

没有运气,我知道我必须做错事,因为我亲眼看不到它。

谢谢你看看。

1 个答案:

答案 0 :(得分:2)

<%= form_for :user, do |f| %>
    <%= attachinary_file_field_tag 'user[avatar]', :user, :avatar %>
<% end %>

应该是:

<%= form_for :user, do |f| %>
    <%= f.attachinary_file_field :avatar %>
<% end %>