在Rails上生成上傳文件的預覽圖像縮略圖

Question

我正在使用Rails創建一個網站，允許用戶上傳具有各種文件格式（pdf，doc，docx，ppt，pptx，xls，xlsx，png，jpg ，jpeg）並將它們存儲在aws S3上。 我使用Carrierwave直接上傳文件到S3，並且一切運作良好。上傳的文件很好地存儲在S3中。

但是現在，我想顯示上傳文件的預覽圖像（縮略圖）。我已經通過操作Carrierwave配置嘗試了幾種不同的方法，但它似乎生成的縮略圖僅適用於PDF文件，而不適用於其他文件格式。任何人都可以請給我任何見解，使這項工作？由於

Answer 1

此鏈接可以幫助你： http://guides.railsgirls.com/thumbnails

我還發現了一個教程，說你應該能夠取消註釋一些代碼在image_uploader文件。

version :thumb do 
    process :resize_to_fill => [50, 50] 
end 

https://code.tutsplus.com/tutorials/rails-image-upload-using-carrierwave-in-a-rails-app--cms-25183

看看這兩種解決方案的工作。

Answer 2

，而不是應用程序中生成縮略圖，你可以考慮使用可以生成即時縮略圖系統，如：

• Cloudinary
• Imgix

Answer 3

正如約翰寫道： ，對於您的圖片，您可以嘗試使用Cloudinary的jQuery image upload庫等解決方案即時生成縮略圖。該解決方案可以將圖像上傳到雲端。利用亞馬遜的S3服務，上傳的圖像可安全地存儲在雲中，並提供安全的備份和修訂歷史記錄。

Cloudinary的jQuery庫還可以實時生成縮略圖。

下面是一個示例代碼，用於創建上傳圖像的150x100縮略圖，並使用此圖像的公共ID更新輸入字段。

$('.cloudinary-fileupload').bind('cloudinarydone', function(e, data) { 
$('.preview').html(
$.cloudinary.image(data.result.public_id, 
    { format: data.result.format, version: data.result.version, 
    crop: 'fill', width: 150, height: 100 }) 
);  
$('.image_public_id').val(data.result.public_id);  
return true; 
}); 

在這裏你可以找到一些Ruby on Rails examples