导轨 +载体波文件上传形式任意文件字段计数

发布于 2024-12-10 15:07:58 字数 358 浏览 0 评论 0原文

我需要 1 到 15 个照片文件字段。

现在，我正在使用在控制器中构建每个照片对象的 Carrierwave Gem 上传文件，例如：N.times { @car.photos.build }，然后提供 N 文件字段我看来的照片。

但正如您所理解的，N 是静态值。

如何生成文件字段的动态计数，例如：从一开始就有 1 个静态计数，并在每个用户的 ajax 请求上再添加 1 个（例如用户将单击添加照片字段 链接）并动态创建照片对象@car.photo.build？

顺便说一句，对不起我的英语。谢谢。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

在巴黎塔顶看东京樱花 2024-12-17 15:07:58

您必须使用 javascript 生成动态字段。
像这样，使用jquery：

var photos_count;
jQuery(function() {
  photos_count = $('#photos_fields > field').size();
  $('#add_photo').each(function() {
    this.onclick = function(event) {
      $("#photos_fields").append("<div class='field'><label>Photo</label><input name='car[photos_attributes][" + photos_count + "][image]' type='file'/></div>");
      photos_count++;
    };
  });
});

您可以定义附加操作来ajax创建照片对象，但您无法构建它。

You must use javascript to generate dynamic fields.
Something like this, using jquery:

var photos_count;
jQuery(function() {
  photos_count = $('#photos_fields > field').size();
  $('#add_photo').each(function() {
    this.onclick = function(event) {
      $("#photos_fields").append("<div class='field'><label>Photo</label><input name='car[photos_attributes][" + photos_count + "][image]' type='file'/></div>");
      photos_count++;
    };
  });
});

You can define additional action to ajax creating photos objects, but you can`t build it.

回复收藏 0 原文