Tag: dropzone.js

将Dropzone.js与Vue.js一起使用: 我试图在通过Vue.js生成的Rails表单中使用Dropzone.js。我已将dropzone.js文件放在app / assets / javascripts /中。然后我创建了一个单文件components / dropzone.vue组件： export default { data() { return { greeting: ‘blah’ } }, created: function() { var myDropzone = new Dropzone(“div#image-drop”, { url: “/file/post”}); } } 我从主vue文件中调用此组件： import Vue from ‘vue/dist/vue.esm’; import dropzone from ‘components/dropzone’; document.addEventListener(‘DOMContentLoaded’, () => { const listingForm = new Vue({ el: ‘#listing-multistep’, data: […]

带Rails的Dropzonejs – 从服务器删除文件: 我正在使用dropzonejs-rails gem并使用dropzone进行文件管理。我上传工作很棒，但删除文件让我感到痛苦。我无法让侦听器附加，以便ajax将命中我的服务器。我的强项是Ruby on Rails，我只有有限的javascript经验，所以这可能是真正的问题……但也许有人可以帮助我解决我[可耻的] 2天的斗争。 Dropzone在上传文件后正在dropzone中正确显示previewTemplate， addRemoveLinks: true在缩略图预览上显示删除链接。我的目标是在用户单击文件的删除链接时，应该向服务器发送请求以删除该文件。我尝试了许多不同的方法来自博客，dropzone FAQ，github问题等。我最接近成功的是： https ： //github.com/enyo/dropzone/issues/456 。我尝试在成功上传后向.dz-remove按钮添加一个事件监听器。此侦听器旨在使用ajax请求命中服务器以删除该文件。目前，单击预览缩略图上的删除链接仅从dropzone中删除预览缩略图，但不会使用ajax命中服务器。这是javascript代码： // Listening for Dropzone upload success // imageDropzone is the camelized version of the dropzone form’s id. Dropzone.options.imageDropzone = { init: function() { this.on(“success”, function(file, response, event) { // Loads image ID to […]

使用Dropzone JS的Carrierwave。是否可以将这些与嵌套属性一起使用？: 目前，我有几种使用嵌套属性的表单。我最近发现了Dropzone JS，所以我希望以我正在使用的各种forms实现它。我有两个类似的模型：游戏 class Games < ActiveRecord::base has_many :screenshots, dependent: :destroy accepts_nested_attributes_for :screenshots, allow_destroy: true end 截图 class Screenshot < ActiveRecord::Base belongs_to :game mount_uploader :ssfile, ScreenshotUploader end 通常，我会用这样的东西来处理它： new.html.haml – content_for :breadcrumbs do %h3.text-center New Game .col-md-12#content .row = render ‘form’ .row .col-md-12 = link_to ‘Back’, games_path _form.html.haml .col-md-12 = form_for @game, :html […]

如何使用json渲染@ photo.errors（在Rails 4中使用dropzone.js）: Heroku控制台：开始POST“/照片” 由PhotosController处理#create为JSON 参数：{“utf8”=>“✓”，“authenticity_token”=>“D5pc72xeJ6J / g ==”，“photo”=> {“title”=>“fffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff”，“tag_list”=> [“”]， “picture”=>＃，@ original_filename =“size.jpg”，@ content_type =“image / jpeg”，@ headers =“Content-Disposition：form-data; name = \”photo [picture] \“; filename = \“size.jpg \”\ r \ nContent-Type：image / jpeg \ r \ n“>}，”null“=>”“，”commit“=>”上传“} 在941ms内完成500内部服务器错误（ActiveRecord：13.9ms） ArgumentError（’＃，@ message = {：title => [“太长（最多30个字符）”]}>’不是与ActiveModel兼容的对象。它必须实现：to_partial_path。）： app / controllers / photos_controller.rb：40：在’block（2 level）in create’中 PhotosController def create @photo = […]