主干+ Rails 'Paperclip‘异步上传
主干+ Rails 'Paperclip‘异步上传
提问于 2012-10-27 12:58:28
我正在使用主干实现异步照片上传& rails的‘回形针’创业板：
问题：
- 我需要使用jQuery上传(或等效的库)吗？
- 如果是这样的话，我是否只是覆盖photocollection.sync来调用库呢？
Item.rb
class Item < ActiveRecord::Base
has_many: photos
...Photo.rb
class Photo < ActiveRecord::Base
attr_accessible :photo
belongs_to :item
has_attached_file :photo
...ItemView.js.coffee
class MySite.Views.Items.Edit extends Backbone.View
template: JST['items/edit']
initialize: ->
@modelBinder = new Backbone.ModelBinder
@model.on('change', @render(), this)
events: ->
'submit #edit_item_form' : 'save_item'
render: ->
$(@el).html @template( item: @model )
@new_photo = @model.new_photo()
@modelBinder.bind @model, $("#item_fields")
@modelBinder.bind @new_photo, $("#photo_fields")
@
save_item: (e) ->
e.preventDefault()
@model.save()
@new_photo.save()Edit.jst.eco
<form id="edit_item_form" accept-charset="UTF-8" data-remote="true" enctype="multipart/form-data">
<div id="item_fields"> .... </div>
<div id="photo_fields">
<input type="file" id="upload_photo" name="photo[photo]" />
</div>
...欢迎对整体设计改进的建议。
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-11-23 05:41:42
最后，我选择了iframe上传的简单性&跨浏览器支持。实际上，实现非常琐碎：
MyView.js.coffee：
events: ->
'change #upload_photos' : 'upload_photo'
upload_photo: (e) ->
upload_frame = $('#add_photo_form')
upload_frame.prop 'target', 'upload_frame'
upload_frame.submit()MyTemplate.jst.eco：
<form id="add_photo_form" method="POST" action="/api/v1/photos" enctype="multipart/form-data">
<div id="photo_fields">
<input type="file" id="upload_photos" name="photo[photo]" multiple>
<input type="hidden" name="authenticity_token" value="<%= $("meta[name='csrf-token']").attr("content") %>">
</div>
</form>
<iframe id='upload_frame' name='upload_frame' src=''></iframe>注意CSRF令牌的添加。如果没有它，请求将失败&请清除您的会话。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13100393
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号