【jquery】画像をupした時に、その画像名を表示したい。

Question

画像をアップした時に、常に今ある画像が表示されるようにしたいと考えています。イメージは以下のような状態です。
※他のデータは、updateした時には、保存され、表示されるのに画像だけがupdateした情報が消えてしまいます。

幾つかの参考資料をもとに、試行錯誤してみたのですが、うまくいかずご相談させてください。
おそらく、jqueryで画像の名前をとってきて、val()に渡せば良いのではと考えているのですが。。。

以下、私のコードです。何卒よろしくお願いいたします。

<div class="field">
  <div class="file is-info has-name">
    <label class="file-label">
      <%= f.file_field :user_image, class: "file-input",id:"file", onchange:"$('#fake_text_box').val($(this).val())" %>
	     <span class="file-cta">
	       <span class="file-icon">
		       <%= fa_icon "upload" %>
	       </span>
	       <span class="file-label">ファイルを選択</span>
	     </span>
	     <span class="file-name">
	       <input type="text" id="fake_text_box" value="" readonly onClick="$('#file').click();">
	     </span>
     </label>
  </div>
</div>

Answer 1

おっしゃりたいことがいまいち伝わってきませんが
type=fileのinputに対して、ページが遷移したときにもvalueを残しておきたいということでしょうか？
もしそうならセキュリティ上type=fileはサーバー側で制御ができないので
ページが遷移した時点で引き継ぐことはできません。
ページを遷移させない処理にするか、諦めるかのどちらかだと思います

Comments

[YousukeTanaka]

なるほど、もともと無理なことをやっていたのですね。ありがとうございました。