在我的应用程序中,用户可以上传图片到他们的博客。现在当他们选择文件时,我想立即显示已上传图像的缩略图,这样他们就知道在提交表单之前选择的是哪个图像。
我该如何实现呢?
这是我的当前代码:
<hr>
<h4>Name your blog<br />
& upload an image for it</h4><br />
<%= f.text_field :name, class: "blog-name", placeholder: "Name it here" %><br />
<%= f.file_field :image %>
----> I'd like to show the image here, instantly <----
<%= f.submit "Next", class: "next-button" %>
<br><br>
</div>
<% end %>