问题标签 [jquery-fileupload-rails]

我想在我的 Rails 应用程序中使用出色的 jQuery File Upload 上传多张图片。

所以我关注了Railscasts：

• 添加jquery-fileupload-rails gem
• 在我的 application.js 中添加一个要求
• 为我的图片创建表单
• 在名为“housings.coffee”的文件中初始化 FileUpload

但是我不明白为什么当我尝试上传多张图片时没有发生任何事情，无论是使用拖放还是单击“添加文件...”。

当我按下“提交”按钮时，每张图片都会正常保存。

拜托，你能帮帮我吗？我真的被困住了。

非常感谢！

应用程序.js ```

住房.咖啡

外壳/_form.html.erb

Housings_controller.rb > 索引

使用 Rails，我已经按照Heroku 这篇文章允许将文件直接上传到 S3 存储桶。我实际上关注了这篇文章，因为我之前的实现不适用于分段上传（因此，大文件）。一旦我实现了这个方法，大文件上传就好了，除了非常大的文件。

我应该注意到我偏离了这篇文章，因为我使用的是awsgem 的 v1，因为我们的 Rails 版本。

这就是我的设置方式：

如前所述，这适用于大文件（~1GB），但是当我尝试上传一个文件时，比如 10GB，它会进入大部分上传状态，然后随机失败。有时 20 分钟后，有时 1 小时后。我认为可能签名的 URL 即将到期，所以我明确设置了一个长的到期时间expires: Time.now + 4.hours，但这似乎不起作用。

如果有人有任何想法，我将非常感谢您的帮助！

更新

我尝试了@bbozo 的 using 答案maxChunkSize，但不幸的是，这似乎没有做到。但是，当我在控制台中查看 XHR 请求时，失败的请求从 AWS 返回了以下 XML 响应：

我正在使用 jquery-file-upload-rails gem 在我的表单上上传多个带有预览的图像。文件上传正常，但只有在浏览器刷新后才会呈现带有新照片的部分！也许，有人可以看到，出了什么问题。

我正在调用文件上传器在项目的编辑页面中加载照片图像：

照片控制器：

photos.js.coffee 使 jquery-file-uploader-rails gem 工作：

创建.js.erb

_photo.html.haml

这样我就可以上传照片了。但是我的 ajax 不起作用，即使我只放了 alert('help'); 在我的 create.js.erb 中，它没有响应。我究竟做错了什么？提前谢谢了！

更新 当前情况（在 Rich Peck 的帮助下）：

我的模型：

项目负责人：

/项目/编辑

/照片/_照片

/photos/create.js.erb

/javascripts/photos.js.coffee

我想通过 remotipart +carrierwave 进行远程文件上传。问题是我的上传工作正常，但它似乎像往常一样上传html。或者通过ajax上传，但是没有调用相应的js文件。我有一个带有 remote:true 的 form_for，以及一个相应的控制器方法 create。由于表单是作为js提交的，所以使用了create.js.erb。

日志显示：

有点奇怪，error_messages 在 create.js.erb 之前呈现，error_messages 在 create.js.erb 中呈现。

我正在尝试使用 Jquery File Upload gem 将单个文件的多个大小版本直接上传到 AWS S3。

此代码正确上传传递给输入的文件：

我也想上传相同的图像，但调整为 200x200。我遵循了 gem 文档https://github.com/blueimp/jQuery-File-Upload/wiki/Upload-multiple-resolutions-of-one-image-with-multiple-resize-options并编写了以下 processQueue

并添加了 duplicateImage 操作。

问题：第一个saveImage在复制之前没有上传第一个图像。相反，两个文件只发出一个 POST 请求，这会返回错误POST 需要每个请求只上传一个文件。

有没有办法一个接一个地处理文件？

知道我错过了什么吗？

我有一个 form_for 用于保存 NewsItems（类似于帖子）。每条新闻都应该有一个封面图片、标题、短文本……在表格填写之前，图片应该显示为预览，并且应该有一些加载器来显示图片上传的进度。对于预览和进度条，我使用 Jquery 文件上传器。

我尝试使用嵌套表单，但是当加载图像并且文本字段仍然为空时，jquery 文件上传器会提交整个表单。当我按下提交时，它将提交表单，但这次没有图像。

我在新闻项目表中添加了一个名为 image 的额外列。还添加了隐藏文件 :image 并验证它必须存在。现在，当 jquery 文件上传完成时，它会在图像标签中添加图像，并将图像的 base64 代码添加到名称为：image 的隐藏字段中。

问题看起来已经解决了，但是在终端中我看到了一个很大的 base64 代码，而且看起来有更好的方法来解决它。

请问，你知道如何禁用jquery文件上传的自动提交，或者如何在params中没有base64代码的情况下获得上传进度和预览图像吗？

先感谢您！

我没有找到 Rails 4、jQuery File Upload + Progress Bar 的任何教程。有人可以帮我吗？

我需要上传一个文件（.xml），将其存储在我的光盘中并向用户显示进度条。我该怎么做？

从上周开始，我一直在尝试。:[

我对 Rails 有点陌生，我正在尝试使用 Shrine 将图像直接上传到 S3。我直接上传到 S3 以完美工作，但是，当我引入 jquery 文件上传并上传图像时，chrome 控制台向我抛出了 这个错误 。我不确定我做错了什么，我似乎无法在网上的任何地方找到解决方案。我知道这是一个预兆错误，它可能找不到缓存链接，但我不知道如何解决。

编辑：通过在 Routes 文件中包含 presign 代码并将 uploads.js 中的存储位置更改为正确的位置来解决此问题。但是，现在我遇到了文件在尝试上传时被回滚的问题。

我正在使用基于云的 ide C9，

这是我的 uploads.js 文件：

我的 routes.rb 文件包括：

我有一个模型，它接受这些图像以及其他称为 Autos 的字段，这包含在 Autos 文件中：

我的汽车控制器是：

嘿大家。

这是我在这里的第一篇文章（可能不是最后一篇......）

我正在构建一个 Rails 应用程序，管理员可以在其中创建配方。每个食谱都列在一个索引上，管理员可以添加诸如标题、成分、您必须花在食谱上的时间等内容……

现在我希望能够上传这个食谱的图片。

因为我不知道如何实现这一点，所以我决定从头开始一个新的应用程序，在这个应用程序中，你有一个有名字和图片的用户。

我已经实现了使用基本上传表单为用户（头像）上传图片：

正如标题中提到的，这个上传是在亚马逊 S3 上进行的。我在 MiniMagick 的帮助下使用“fog-aws”宝石槽载波以我想要的方式显示图像。还有'figaro' gem 来隐藏我的亚马逊 s3 的 ID。

我还尝试使用相同的过程更新多个文件。这很好用。您可以在此页面上找到我关注的教程：这里

但是用户必须等待，并且在上传图片的同时屏幕上并没有真正发生任何事情。也许用户可能会认为出现问题并离开页面并最终感到沮丧或其他什么。

这就是为什么我想为 rails 使用jQuery File Upload 的原因。

问题是所有教程都非常过时，我找不到任何东西可以与所有东西一起正常工作（s3，carrierwave，jquery）。我找到的教程是从 2013 年左右开始的......找不到任何相关的东西。

除了这个。即使（再次）是从 2014 年开始。

此脚本允许您一次上传多个文件并删除它们等...只需将代码粘贴到任何视图中即可。我试过了，但有很多问题，第一个是这样的：

当我尝试代码时，我收到此错误：

我认为没有必要，因为您应该能够使用此 //= 需要 jquery-fileupload 从 application.js 文件中获取它，对吗？

当我删除这些行时，脚本正在加载，但它看起来像这样：

jQuery

如您所见，您可以选择文件，但它应该显示如下图。

并且只有取消按钮正在工作并删除 hr

---

这意味着我猜的“图片”。但是上传和删除不起作用，复选框也是如此。

任何人都可以帮助我以某种方式完成这项工作吗？

问题可能来自 s3 ？还是脚本问题？我从来没有编写过 java 代码，所以我真的不知道它在哪里可能是错误的。

如果有人可以帮助或至少向我展示我将不胜感激的方式。

谢谢

我正在尝试使用 jQuery File Upload 库（https://github.com/blueimp/jQuery-File-Upload/wiki/Upload-directly-to-S3）设置 S3 直接上传。我正在使用他们的最新版本，这是我初始化插件的方式：

以下是我为满足 S3 要求而发送的额外表单数据：

上传正确发生并且文件在 S3 中可用，但是上传会引发此错误：Empty file upload result

S3 的响应是一个 XML 文档：

如何让 jQuery File Upload 处理来自 S3 的响应并将其视为成功并解析 S3 URL？谢谢！