Ruby on rails 如何使用jquery文件上载调整客户端图像的大小

Ruby on rails 如何使用jquery文件上载调整客户端图像的大小,ruby-on-rails,jquery-file-upload,blueimp,jquery-fileupload-rails,Ruby On Rails,Jquery File Upload,Blueimp,Jquery Fileupload Rails,我正在通过gem使用Rails 3.2应用程序 在上传之前,我试图在客户端调整图像大小,但在遵循文档时遇到问题。我的代码如下。目前上传效果很好,但是图像没有调整大小 通过jquery文件上传调整图像大小的正确语法是什么 (咖啡脚本中显示的两种方法基于和文档。这两种方法对我都不适用。) 编辑 根据Matanza的回答,我的代码中的add回调阻止自动调用任何处理函数。所以我想我需要做一些类似的事情 ... add: (e, data) -> $.each data.result, (in

我正在通过gem使用Rails 3.2应用程序

在上传之前,我试图在客户端调整图像大小,但在遵循文档时遇到问题。我的代码如下。目前上传效果很好,但是图像没有调整大小

通过jquery文件上传调整图像大小的正确语法是什么

(咖啡脚本中显示的两种方法基于和文档。这两种方法对我都不适用。)

编辑

根据Matanza的回答,我的代码中的
add
回调阻止自动调用任何处理函数。所以我想我需要做一些类似的事情

...
add: (e, data) -> 
  $.each data.result, (index, file) ->
    // processing code goes here
但是我在制定正确的语法或理解可用的指南方面遇到了很多困难


如何对添加回调中的每个文件应用调整大小处理?

如果仍然相关- 我发现,一旦使用add回调,您就有责任添加所需的任何处理阶段。因此,如果您删除add回调,它将根据您的设置调整图像大小。 您应该做的是在“添加”功能中将调整大小处理设置注册到每个文件


希望这有帮助

我通过调用add回调中的进程解决了这个问题,如下所示:

add: (e, data) ->
  current_data = $(this)
  data.process(->
    return current_data.fileupload('process', data);
  ).done(->
    data.submit(); 
  )
还记得在application.JS中按正确的顺序加载JS文件…(这浪费了我生命中的几个小时):


我很难调整图像的大小。最后我又开始了。我已经添加了图像调整到现有的工作文件上传代码。对我来说,是自定义添加阻碍了调整大小。一旦我删除了自定义添加,它就是hunky dorey。我只是想为了其他奋斗者的利益把它放在那里。

谢谢你的帮助!你有没有关于如何注册调整大小处理设置的示例?嗨@matanza,我仍然无法在add回调中处理文件的语法。你能提供一个代码示例吗?我假设我需要类似于
add:(e,data)->$的东西。each data.result,(index,file)->//这里是流程代码
。但是过程代码是什么样子的呢?谢谢@dannio。这看起来很有希望。查看您的SO问题中的代码也很有帮助。但是,我上传文件时遇到了控制台错误。“未捕获类型错误。未定义不是与此行相关的函数:
返回当前_数据。文件上载('process',data”)。你知道问题出在哪里吗?好吧,我的应用程序中的一个js文件的版本已经过时了,与最新版本冲突。去掉这个,类型错误消失了。在检查了上传的文件后,它们现在都在按预期调整大小!很高兴终于解决了这个问题。谢谢,谢谢!!!虽然我有一个不同的add函数实现,但我遇到的主要挫折是JS文件的顺序。我对你的这篇文章感激不尽!如果您感兴趣,这里是我的add实现:
$(this).fileupload('process',data).done(函数(){data.submit();})
add: (e, data) ->
  current_data = $(this)
  data.process(->
    return current_data.fileupload('process', data);
  ).done(->
    data.submit(); 
  )
//= require jquery-fileupload/vendor/jquery.ui.widget
//= require jquery-fileupload/vendor/load-image
//= require jquery-fileupload/vendor/canvas-to-blob
//= require jquery-fileupload/jquery.iframe-transport
//= require jquery-fileupload/jquery.fileupload
//= require jquery-fileupload/jquery.fileupload-ui
//= require jquery-fileupload/jquery.fileupload-process
//= require jquery-fileupload/jquery.fileupload-validate
//= require jquery-fileupload/jquery.fileupload-image