Ruby on rails 带有Filepicker.io的Rails表单-返回图像的URL_Ruby On Rails_Forms_Filepicker.io

Ruby on rails 带有Filepicker.io的Rails表单-返回图像的URL

ruby-on-rails forms

Ruby on rails 带有Filepicker.io的Rails表单-返回图像的URL,ruby-on-rails,forms,filepicker.io,Ruby On Rails,Forms,Filepicker.io,我正在Rails中使用filepicker.io的制作一个表单，我有一行代码： <%= f.filepicker_field :avatar_url%> 加载完图像后，我想使用JavaScript将上传图像的URL从filepicker传输到代码中的图像标记中。然而，我似乎找不到该URL被添加到HTML代码中以在表单中提交的位置。是否有人知道如何找到新的图像链接，或者如果上传后没有添加到HTML中，如何将新URL返回到表单以与JavaScript一起使用？如上所述，图像URL可

我正在Rails中使用filepicker.io的

制作一个表单，我有一行代码：

<%= f.filepicker_field :avatar_url%>

加载完图像后，我想使用JavaScript将上传图像的URL从filepicker传输到代码中的图像标记中。然而，我似乎找不到该URL被添加到HTML代码中以在表单中提交的位置。是否有人知道如何找到新的图像链接，或者如果上传后没有添加到HTML中，如何将新URL返回到表单以与JavaScript一起使用？

如上所述，图像URL可在

@project.avatar\u URL

中找到

如果要在提交表单之前显示图像，则需要在保存对象之前检查图像是否已上载。

您需要添加

“onchange:'onImageUpload（）”

将捕获“更改”事件的事件侦听器在这个功能中，您将获得

window.onImageUpload = ->
  file = event.fpfile
  img = $("<img>").prop("src", file.url)
  $(event.target).parent().append(img)

window.onImageUpload=->
file=event.fpfile
img=$（”
谢谢您的回复！这确实有道理。您如何检查图像是否已上载？如果您有时间，您能否给我简要说明如何使用@project.avatar\u url和javascript函数？我以前从未见过，似乎找不到任何相关文档。我认为这是不对的。Fr从文档来看，在我看来，使用filepicker\u image\u tag@project.avatar\u url
假设字符串属性已经保存到数据库中。这种方法用于在站点的其他位置显示图像。我不理解你所说的“如果你想在提交表单之前显示图像，你需要检查是否在保存对象前上传了图像。”也许详细说明一下这一点会让我明白如何使用助手在表单中显示预览。