javascript - 提交带有鸟舍编辑图像的表单

Question

我正在尝试使用 aviary 在我的 ruby​​ on rails 应用程序中编辑照片。我有一个表格，用户可以在其中编辑他们的个人资料，在这个表格上，他们可以选择保留他们当前的图像，用鸟舍编辑它或上传一个新的。Aviary 提供了一个新的编辑图像的临时链接，我希望在整个表单提交之前不会将这个编辑的图像发送到服务器。我该怎么做呢？

我曾希望将 url 传递到输入文件路径中，但是通过查看 firefox 所返回的内容，它说这是一个不安全的操作。输入文件的文件路径也必须是本地文件吗？

在我的表单中的 html 中：

<div id="testInput" >  </div>

在 aviary 的 onSave 中

$('<input type="file" id="photo_1" name="photo_1">').appendTo('#testInput');
  var imgFile = document.getElementById("photo_1");
  imgFile.value = newURL;

Answer 1

老兄，您尝试过 CarrierWave 宝石吗？我明天要试一试……它有一个叫作remote_(file)_url要求图像网址的助手。无论如何，您可以在其 github 上阅读有关此内容的信息

希望我能帮助你