1

<%= form_for(@project) do |f| %>Rails で filepicker.io を使用してフォームを作成しています。次の行があります。

<%= f.filepicker_field :avatar_url%>

画像の読み込みが完了したら、JavaScript を使用して、アップロードされた画像の URL をファイルピッカーからコード内の画像タグにパイプします。ただし、フォームで送信するためにその URL が HTML コードに追加されている場所を見つけることができないようです。その新しい画像リンクを見つける方法を知っている人はいますか、またはアップロード後に HTML に追加されない場合、JavaScript で使用するために新しい URL をフォームに返す方法を知っていますか?

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 に答える