javascript - 如何通过 .ajax() jQuery 方法获取 Carrierwave 上传到 Amazon S3 的图像的 URL？

Question

通过 Carrierwave 和 jquery-file-upload 上传后。我需要从 javascript 访问这些文件。我知道使用 Carrierwave 的 url 方法很容易获取这些文件。但我需要通过 .ajax() 方法获取这些 URL。有什么解决办法吗？

我可以获取文件名，但我需要获取上传路径......

    $('.new_plotphoto').fileupload({
        done: function(e,data){
              var filess= data.files[0];
              var filenam = filess.name;
              console.log(filenam);}});

Answer 1

在响应您的代码片段的 Controller 操作中，您可以将 url 字段添加到 json 响应，其中包含来自 Carrierwave 的 url 方法的 url。

@upload = Upload.create(...)
respond_to do |format|
  format.json { render json: @upload.as_json.merge({"url" => @upload.carrier_wave_url }) }
end

$('.new_plotphoto').fileupload({
    done: function(e,data){
          var filess= data.files[0];
          var filenam = filess.name;
          var url = filess.url; // NEW
          console.log(filenam);
     }
});