Tag: carrierwave

如何在上传图片后重新加载页面

我在sidekiq中使用了gem’jquery-fileupload-rails’和’carrierwave_backgrounder’gem。 如何在下载完成后添加重新加载页面? 问题是下载是在后台并且页面立即重新加载,而不是在加载图像时 fileupload.js $(function () { $(‘#new_photo’).fileupload({ acceptFileTypes: ‘/(\.|\/)(gif|jpe?g|png)$/i’, dataType: ‘html’, add: function (e, data) { data.context = $(‘#loading’).css({display:”block”}).appendTo(‘#photos’); data.submit(); }, done: function (e, data) { data.context.text(‘Upload finished.’); location.reload(); } }); }); image_upload.html.erb ‘btn btn-success’ %> Loading :delete, :class => ‘btn’ %>

Ruby on Rails CarrierWave gem是否可以与Ajax一起使用?

出于某些原因,使用带有Ajax的CarrierWave gem似乎并不适合我。 难道我做错了什么? 我很好地遵循了253 CarrierWave Railscast,它没有AJAX,但在我的应用程序中我需要使用AJAX。 这是我的代码: 在图像文件字段中选择jpeg后的参数列表: Parameters: {“item”=>{“remote_image_url”=>””}} new.html.erb: create_item_path, :html => {:id => “create_item_form”, :multipart => true}) do |f| %> “save_button” %> 的application.js $(“#create_item_form”).submit(function() { $.ajax({ type: “POST”, url: $(this).attr(“action”), dataType: “script”, data: $(“#destination_item”).sortable(‘serialize’) + “&” + $(this).serialize() }); return false; }); item.rb的 class Item < ActiveRecord::Base attr_accessible :description, :image, :remote_image_url belongs_to […]

成功上传后显示上传的图像

我在Magnific Popup(灯箱)里面使用了Carrierwavegem。 我想要做的是, 在上传图像后,它将显示新上传的图像。 目前,从灯箱上传图像后,它将继续显示您最初查看的图像,并显示成功上传图像的“成功”消息。 当前设置是用户点击一张照片,该照片将打开带有图库照片的灯箱。 在灯箱内,您可以删除当前照片,上传新照片或将其设为您的头像。 photos.js.coffee: jQuery -> $(‘form#new_photo’).fileupload dataType: “script” add: (e, data) -> file = data.files[0] data.context = $(tmpl(“template-upload”, file)) $(‘#new_photo’).append(data.context) data.submit() progress: (e, data) -> if data.context progress = parseInt(data.loaded / data.total * 100, 10) data.context.find(‘.bar’).css(‘width’, progress + ‘%’) stop: (e, data) -> $(‘.upload’).hide() 照片控制器: def create @photo = Photo.create(params[:photo]) […]

如何在创建post时使用JQuery-File-Upload在一个页面上上传多个图像?

我意识到在创建post以添加多个图像时,没有使用jQuery-File-Upload和Carrierwave或Dragonfly在一个页面上创建能力的解决方案。 我有两个模型一个post有很多图像。 我想在添加后立即上传图片,并在保存全新post之前选择取消它。 我的代码没有工作,所以我没有在这里粘贴,也许有人有例子,这个概念是否完全可行jQuery-File-Upload? 如果没有其他方法可以保存多张照片并保持引导视图? 我找到了很好的例子,这些例子代表了与预期的function相似但是使用Upladify: FormFly或仅使用Carrierwave和nested_form: carrierwave-nested_form 。 关于jQuery-File-Upload git wiki是如何在Rails中仅使用一个模型的教程。 我想得到这样的东西:

使用JQuery上传器的Rails载波

我在这个rails教程中使用Rails Carrier Wave和JQuery上传,但是当我点击上传按钮时出错: Error: SyntaxError: JSON.parse 任何建议/建议都很受欢迎。