如何将数据从Google Drive API传递到Rails App模型中？

Question

有一个简单的Rails应用程序表单视图。 用户通过“文件选择器功能”（例如Google Picker）从其API帐户（例如Google Drive帐户）中选择一个文件，然后API通过javascript回调函数将数据（URL，缩略图，...）发送回去（请参阅下面的JS代码）。

您如何通过JavaScript回调函数将来自API的此类数据传递到Rails模型中？

最终在Rails _form文件中的代码看起来如何？ 控制器中会发生什么？

抱歉，我是Rails的新手，这可能是菜鸟的问题。 任何类型的建议，可在其中了解更多信息的链接等都将非常有用。 我搜索了很长一段时间，但找不到运气。 有用。 非常感谢您的帮助！

html / javascript：

<div class="btn btn-primary" id="gdrive" onclick="javascript:openPicker()">
Choose Google Drive File
</div>

<script type="text/javascript">

  // The API developer key obtained from the Google Cloud Console.
  var developerKey = '<DEV KEY>';

  // Use the API Loader script to load google.picker.
  function openPicker() {
    gapi.load('picker', {'callback': createPicker});
  }

  // Create and render a Picker object for searching images.
  function createPicker() {
    var picker = new google.picker.PickerBuilder().
        addView(google.picker.ViewId.DOCS).
        setDeveloperKey(developerKey).
        setCallback(pickerCallback).
        build();
    picker.setVisible(true);
  }

  // A simple callback implementation.
  function pickerCallback(data) {
    var url = 'nothing';
    if (data[google.picker.Response.ACTION] == google.picker.Action.PICKED) {
      var doc = data[google.picker.Response.DOCUMENTS][0];
      url = doc[google.picker.Document.URL];
    }
    var message = 'You picked: ' + url;
    document.getElementById('gdrive').innerHTML = message;
  }
</script>  

<!-- The Google API Loader script. -->
<script type="text/javascript" src="https://apis.google.com/js/api.js?onload=loadPicker"></script>

一个示例Rails模型：

  create_table "postfiles", :force => true do |t|
    t.text     "gdrive"
    t.integer  "post_id"
  end

再次感谢您的阅读。 任何想法真的很感激！

Answer 1

您当然要保存什么，您可以在url中传递值，但也可以使用某种隐藏字段，然后以表格形式发送。

Answer 2

这是我发现的解决方案：

在_form视图中设置一个hidden_​​field：

  <%= f.hidden_field :gdrive,
                     :id => "gdrive"%>

并通过.setAttribute将数据从javascript回调函数传递到hidden_​​field。

这是上面的经过编辑的javascript部分：

 // A simple callback implementation.
  function pickerCallback(data) {
    var url = 'nothing';
    if (data[google.picker.Response.ACTION] == google.picker.Action.PICKED) {
      var doc = data[google.picker.Response.DOCUMENTS][0];
      url = doc[google.picker.Document.URL];
    }
    document.getElementById('gdrive').setAttribute('value', url);
  }

上面的最后一行将API数据（在这里：url = doc [google.picker.Document.URL]）发送到您的rails模型。