dropzone js怎么去除上传触屏显示的字

Posted 2023-05-04

dropzone js输入框内的文字是这个标签：<div class="dz-default dz-message"><span>Drop files here to upload</span></div>；
我的做法是，写一个标签覆盖这个渲染出来的标签：<p class="dz-default dz-message">写你想显示的字</p>；
当然了，如果在标签内不写文字，也就不会显示了。
这个做法比较粗糙，我也懒得去看文档le，直接就想了个野办法。 参考技术A 　　dropzone.js一个不错的上传表单。 代码上传的文件，我设置好的addRemoveLinks=true，所以删除按钮。 是简单的事情，但我需要知道如何与他们。在这个函数中removedfile：函数（文件），但没有 removedfile: function(file)
$.post("test.php");
var _ref;
return (_ref = file.previewElement) != null ? _ref.parentNode.removeChild(file.previewElement) : void 0;
本回答被提问者采纳 参考技术B dictDefaultMessage:'你需要的文本......',

dropzone.js + 回形针将每张图片作为自己的帖子上传

【中文标题】dropzone.js + 回形针将每张图片作为自己的帖子上传

【英文标题】：dropzone.js + paperclip uploading each image as its own post

【发布时间】：2014-09-19 01:43:59

【问题描述】：

我遇到了一个奇怪的问题。

我有Post has_many attachments. as: :imageable

和 Attachment belongs_to imageable, polymorphic: true

我正在尝试使用 dropzone.js 上传多个附加到单个帖子的图片

但是，每当我以 dropzone 驱动的表单上传多个文件时，每张图片都会作为自己的帖子上传。我上传了 4 张图片，每个附加图片都有 4 个帖子。 如何让我附加到帖子的所有图片仅与该帖子相关联？

这是posts.js 的样子：

 $(document).ready(function()
  // disable auto discover
  Dropzone.autoDiscover = false;

 // grap our upload form by its id
 $("#new_post").dropzone(

 // restrict image size to a maximum 1MB
 maxFilesize: 1,

 // changed the passed param to one accepted by
 // our rails app

 paramName: "post[attachments_attributes][][picture]",
 // show remove links on each image upload
 addRemoveLinks: true
  );
);

从PostsController 创建操作

def create
@post = Post.create(post_params)


if @post.save
  render json:  message: "success" , :status => 200
else
  #  you need to send an error header, otherwise Dropzone
      #  will not interpret the response as an error:
  render json:  error: @post.errors.full_messages.join(','), :status => 400
end

end

_form.html.erb 的相关部分用于new 发布操作：

<%= form_for(@post, html: class:"dropzone") do |f| %>
....
<div class="fallback">
<%= f.label :attachments %>
 <%= f.fields_for :attachments  do |at| %>
   <%= at.file_field :picture %>
 <% end %>
</div>
....
<% end %>

参数名称是post[attachment_attributes][0][picture]，它以 HTML 格式显示。 我怀疑这是导致问题的原因，但如何更改它以便请求上传附加到一篇帖子的所有图片？

提前致谢！

【问题讨论】：

查看开发日志，我意识到拖入 dropzone 文件字段的每个文件都会提交一个新请求并将其作为没有标题和正文的帖子保存到数据库中（因为我关闭了验证）我必须对 dropzone.js 进行更改才能将所有请求合并为一个。

【参考方案1】：

Dropzone Issue 看起来这是一个未经测试的问题，但您可以使用 Dropzone 的开发分支访问它。此链接有详细信息。