Carrierwave上傳圖片

Question

我正在使用carrierwave上傳圖片，至今爲止工作正常。

我想要做的是在選擇圖像後顯示要在窗體上提交的文件的預覽。

目前我的代碼顯示的是前一張圖片。

<%= image_tag(@book.cover_url(:thumb)) if @book.cover_url %> 

如何顯示選定的圖像而不是已上傳的圖像？

Answer 1

你不知道。

而這與Carrierwave無關，而是因爲圖像尚未通過瀏覽器發送到服務器，因此Rails堆棧的任何部分都不會進入此處。

您需要的是一種訪問<input type="file">中的圖像並將其顯示給用戶的方式。

這可以通過使用屬於HTML5的FileAPI來實現，但它僅在現代瀏覽器（Webkit/Gecko）中受支持，並且API尚未完全完成，因此它是一種變化的目標。

我建議你看看像plupload這樣的工具來上傳圖像到服務器，而不必提交表單，然後通過JavaScript顯示。

Answer 2

嘗試http://jasny.github.io/bootstrap/javascript/#fileinput

它有沒有上傳顯示圖像一個很好的解決方案。