레일즈를 사용하여 다양한 파일 형식 (pdf, doc, docx, ppt, pptx, xls, xlsx, png, jpg)으로 문서 파일을 업로드 할 수있는 웹 사이트를 만들고 있습니다. , jpeg)를 저장하고 aws S3에 저장합니다. Carrierwave를 사용하여 S3에 파일을 직접 업로드하고 있으며 지금까지 모든 것이 잘 작동합니다. 업로드 된 파일은 S3에 잘 저장됩니다.레일에 업로드 된 파일의 미리보기 이미지 미리보기 생성하기
하지만 이제 업로드 된 파일의 미리보기 이미지 (미리보기 이미지)를 표시하고 싶습니다. 나는 Carrierwave 구성을 조작하여 여러 가지 방법을 시도했지만 엄지 손톱 이미지를 생성하는 것이 다른 파일 형식이 아닌 PDF 파일에서만 작동하는 것처럼 보입니다. 누구든지이 일을 할 수있는 통찰력을 주시겠습니까? 감사합니다
이 링크는 당신을 도울 수 있습니다 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
있는지 확인 이러한 솔루션 작업 중 하나.
오히려 응용 프로그램 내에서 썸네일을 생성하는 대신, 같은 온 - 더 - 플라이 썸네일을 생성 할 수있는 시스템을 사용하여 고려할 수 :
요한이 쓴 것처럼 이미지의 경우 Cloudinary의 jQuery image upload 라이브러리와 같은 솔루션을 사용하여 미리보기 이미지를 생성 해 볼 수 있습니다. 이 솔루션을 사용하면 클라우드에 이미지를 업로드 할 수 있습니다. 업로드 된 이미지는 Amazon의 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;
});