1

我正在使用<%= form_for(@project) do |f| %>Rails 中的 filepicker.io 制作一个表单，我有一行：

<%= f.filepicker_field :avatar_url%>

图像加载完成后，我想使用 JavaScript 将上传图像的 URL 从文件选择器传送到我的代码中的图像标记中。但是，我似乎无法找到将该 URL 添加到 HTML 代码以在表单中提交的位置。有谁知道如何找到该新图像链接，或者如果它在上传后没有添加到 HTML 中，如何将新 URL 返回到表单以供 JavaScript 使用？

4

2 回答 2

2

您需要添加 "onchange: 'onImageUpload()'" 将捕获“更改”事件的事件侦听器，并在您将获得的功能处

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

https://developers.inkfilepicker.com/docs/web/#widgets-pick

于 2013-06-29T17:44:36.623 回答
1

如文档中所述，图像 url 可在@project.avatar_url.

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

于 2013-03-19T00:07:56.153 回答