- xml - AJAX/Jquery XML 解析
- 具有多重继承的 XML 模式
- .net - 枚举序列化 Json 与 XML
- XML 简单类型、简单内容、复杂类型、复杂内容
我正在使用 jquery-fileupload-rails用于多个文件上传。
我想实现设置文档名称并向其添加多个附件的能力。
但是现在,当我选择 3 个附件时,它会创建 3 个文档
,每个文档都有一个附件。
我想我需要以某种方式更改添加附件的形式。我添加了多个选项和硬编码名称。
我想使用这个插件,因为稍后我想添加拖放功能。
来自
= simple_form_for [:member, @document], html: { multipart: true } do |f|
= f.input :name
= f.simple_fields_for :attachments, Attachment.new do |a|
= a.file_field :attachment, multiple: true, name: "document[attachments_attributes][][attachment]"
= f.submit
生成:
<input id="document_attachments_attributes_0_attachment" multiple="multiple" name="document[attachments_attributes][][attachment]" type="file">
JS
jQuery ->
$('#new_document').fileupload()
模型
class Document < ActiveRecord::Base
has_many :attachments
accepts_nested_attributes_for :attachments
end
class Attachment < ActiveRecord::Base
belongs_to :document
has_attached_file :attachment
end
Controller
class Member::DocumentsController < ApplicationController
def new
@document = Document.new
end
def create
@document = Document.new params[:document]
if @document.save
redirect_to member_documents_path, notice: "Created"
else
redirect_to member_documents_path, alert: "Not created"
end
end
private
def document_params
params.require(:document).permit(:name, attachments_attributes: [:attachment])
end
end
最佳答案
我用两个单独的表单做了类似的事情。基本上,您为文档创建一个表单,其中包含一个名称字段和一个用于 attachment_ids 的隐藏字段,然后是一个用于附件的表单。您可以单独上传附件(不幸的是,它们当时是孤立的记录),然后使用新创建的附件记录的 ID 更新文档下的隐藏字段。
基本上,从附件 Controller 创建一个 json 响应,包括新创建对象的 ID。然后创建一个 javascript 函数,将每个成功回调中新创建的 ID 添加到隐藏字段。
我确信有一种更简单的方法可以做到这一点,但我总是对多文件上传和嵌套属性感到有点困惑。
编辑:所以我找到了一些旧代码并将其移植过来。
class Member::AttachmentsController < Member::BaseController
def create
@attachment = Attachment.create!(params[:attachment])
# TWO APPROACHES, render json view, or respond with a .js view create.js.erb
# render json: @attachment.to_json
end
end
class Member::DocumentsController < Member::BaseController
def create
@document = Document.new params[:document]
@attachments = Attachment.find(params[:attachment_ids].split(','))
if @document.save
@document.attachments = @attachments
redirect_to member_documents_path, notice: "Created"
else
redirect_to member_documents_path, alert: "Not created"
end
end
end
然后你要么在截图中创建一个create.js.erb
var screenshotContainer,
idContainer;
screenshotContainer = $('#attachments');
idContainer = $('#attachment_ids_hidden_field');
screenshotContainer.append('<%= j render @attachment %>');
idContainer.val(function(i, v) {
var arr = v.split(', ');
arr.push('<%= @attachment.id %>');
return arr.join(', ');
});
例如,这可能是一个屏幕截图渲染调用,但您可以根据需要在部分中显示它。
<%= image_tag(attachment.attachment, size: "100x100", data: { attachment_id: attachment.id }) if attachment.attachment? %>
在文档表单中创建
<input type="hidden" id="attachment_ids_hidden_field" value="" name="attachment_ids">
另一种方法是使用 json 进行响应,并在文件上传的 done 回调中将新附件的 json ID 添加到隐藏字段。
你需要解析 hidden_id 的任何困惑可能比仅仅解析 .split(',') 更好
我还没有机会仔细研究它。
希望对您有所帮助。
关于jquery - 如何将 jquery-fileupload 用于嵌套附件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19812737/
我正在配置 blueimp 以在单击发布按钮时上传图像。我的问题是它没有调用 $('#fileupload').fileupload 函数。我已经包含了以下 javascript 文件。以下是我的代码
我正在使用 Firebase 构建一个 Angular 应用程序,以将图像上传到数据库并从那里检索它。 上传文件.service.ts import {Injectable} from '@angul
我应该使用哪个库?唯一的目的是上传文件。在处理大型请求时,我想在性能和可扩展性方面使用最佳库。如果我的项目扩大规模,我最终将使用 CDN 服务。 最佳答案 以下是在这种情况下选择图书馆时必须考虑的一些
我尝试什么:我想使用 jQuery mobile 在 JSF 页面中上传带有 Primefaces FileUpload 标记的图片。此面仅在桌面浏览器上可用,但也应具有与其他页面一样的外观。问题:总
我在 gridview 中使用了 Ajax fileupload 控件,为 gridview 中的每条记录上传文件。我使用了 ajax fileupload 控件,因为我也需要拖放上传功能。它的工作很
CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界. 这篇CFSDN的博客文章FileUpload 控件禁止手动输入的方法由作者收集整理,如果你对这篇
我正在使用 primefaces fileUpload 组件,然后我检查了 FileUploadEvent.getFile 但我没有看到可靠地获取扩展名的方法。有任何想法吗? 最佳答案 getFile
在我的 GWT 项目中,我想: 为 FileUpload 小部件设置过滤器,使其只接受 JPG 文件。 启用 myButton如果 FileUpload 小部件,称为 chooser , 选择了任何文
我的 Extjs 应用程序中有一个文件上传字段。我尝试通过以下代码将文件加载到服务器: var form = Ext.getCmp('ProcImpNewSugFileForm').getForm()
长话短说,我想允许用户将文件上传到服务器。我尝试使用 Jquery 文件上传功能,但它似乎无法正常工作。 我已经简化了我的代码以查明错误/错误。我认为完成的例程没有被调用。 因此只有第一个 conso
我正在上传一个带有 PF 3.5 File Uploader 的文件 我的上传方法如下所示: public void handleFileUpload(FileUploadEvent event) {
我正在使用 FileUpload 控件上传图片,我可以使用那个浏览按钮选择图片,但是当我尝试预览所选图片时,我没有得到文件名,它显示为空.. protected void btnImgUpload_C
如何仅使用 FileUpload 代码隐藏进行上传?我的控件是代码隐藏的,因为我有 Dropdown_SelectedIndexChanged 并且需要生成各种数量的控件。我可以很好地列出控件并将文件
出于某种原因,当我尝试上传多个文件时,所有文件都成为第一个文件的副本。当我说副本时,我指的是不同的文件名、不同的文件扩展名,但所有图像中的图片相同。 例子: 我选择了四个文件。 2个png,2个jpg
我正在做一个简单的测试,只是尝试上传一个文件,将其转换为无符号 8 数组,然后将其记录到控制台 我的代码运行完美,但每次我按下按钮上传文件时,控制台都会递增地重复输出,让我解释一下: 第一次点击控制台
我正在使用 apache 的 FileUpload 将一些文件上传到我的网络服务器。问题是我不想将它们上传到机器上的特定位置,即:c:\tmp,而是上传到相对路径,例如 /ProjectName/tm
我想在我的 .FileUpload button 上应用这个 css,但它只适用于 IE 而不是 Chrome,我仍然不知道它有什么问题。有人有想法吗? 感谢帮助 .FileUpload { wid
我正在使用 asp.net C# FIleUpload。我遇到了一个问题,那就是当我上传图片并将其存储在指定的文件夹中时,刷新页面后图片会再次上传,次数与刷新页面的次数一样多。我尝试启用和禁用 Vie
我想知道为什么我的方法FileUpload.HasFile总是为null .. 这是我使用的Xaml。
我的 Web 表单上有一个 FileUpload 控件 (FileUpload1),还有一个“Sumbit”按钮、一个标签和一个包含 UserID 的隐藏字段。我在按钮的点击事件中有以下代码: str
我是一名优秀的程序员,十分优秀!