使用rails carrierwave/s3的jquery fileupload

Question

我不熟悉jquery文件上传插件/库.

我正在尝试构建一个图像上传器,通过前端的jquery/ajax加载图像,这样我就不必在图像上传时更新网站,然后将其发送到后端到载波,以便将其保存在亚马逊s3.

我有:后端:载波波浪+雾存储在亚马逊S3前端:jquery - fileupload插件我发现给我一些提示的唯一的事情是https://github.com/blueimp/jQuery-File-Upload 及其演示,但我甚至不确定该库是教程库还是库的源代码？如果jQuery-File-Upload是一个例子,那么通过jquery上传文件并使用fileupload似乎太复杂了.

在我的咖啡脚本上,这就是我所拥有的

initialize: ->
  @render()
  $.log "#{@name}: initialised"
  $('#campaign_main_image').fileupload
  $('#campaign_main_image').fileupload 'option'
    dataType: 'json'
    url: '/api/v3/upload'
    dropZone: $('.campaign-editor-about .dropzone')
    maxFileSize: 5000000
    acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i
    send: (e, data) =>
      $('#logo_wait').show()
    done: (e, data) =>
      @model.set
        logo: data.result.url
      @model.save()

这段代码确实可以在轨道上调用我的路由器,但不会发送任何图像文件(我在chrome上的网络选项卡中查看)所以我不知道这是否正确？有没有我可以找到fileupload文档的地方？Jquery站点没有任何东西......对于我的项目我也需要拖放,那么有更好的jquery库吗？(有很好的例子)

谢谢!

Answer 1

看看https://github.com/yortz/rierwave_jquery_file_upload。它是一个完整的示例，包括 JQuery 文件上传、带有 CarrierWave 的 Rails 和 S3。也许它可以帮助你。