Elevador de upload de imagem, redimensionamento, armazenar em banco de dados, exibição
-
05-07-2019 - |
Pergunta
Existe um exemplo sucinto de como fazer o upload de uma imagem, redimensioná-la, armazená-lo em um banco de dados e, em seguida, exibir a imagem usando elevador?
Eu estou certo de que poderia remendá-lo juntos desde o upload do arquivo, Java 2D API, Elevador Mapper e APIs de resposta. Mas há qualquer código de exemplo que posso seguir para fazê-lo da maneira 'correta' ou recomendado?
Solução
Eu fiz isso para um campo Mapper ligada à s3 criando um novo MappedField. Eu também tenho um algum código para redimensionar, mas não testei ou implantado (assim use com cuidado).
class MappedS3Image[T<:Mapper[T]](owner: T, val path:String, maxWidth: String, maxHeight:String) extends MappedString[T](owner, 36) {
def url:String = MappedS3Image.fullImgPath(path, is)
def setFromUpload(fileHolder: Box[FileParamHolder]) = {
S3Sender.uploadImageToS3(path, fileHolder).map(this.set(_))
}
override def asHtml:Node = <img src={url} style={"max-width:" + maxWidth + ";max-height:"+maxHeight} />
override def _toForm: Box[Elem] = Full(SHtml.fileUpload(fu=>setFromUpload(Full(fu))))
}
import java.awt.Image
import java.awt.image.BufferedImage
import javax.imageio.ImageIO
import java.awt.Graphics2D
import java.awt.AlphaComposite
object ImageResizer {
def resize(is:java.io.InputStream, maxWidth:Int, maxHeight:Int):BufferedImage = {
val originalImage:BufferedImage = ImageIO.read(is)
val height = originalImage.getHeight
val width = originalImage.getWidth
if (width <= maxWidth && height <= maxHeight)
originalImage
else {
var scaledWidth:Int = width
var scaledHeight:Int = height
val ratio:Double = width/height
if (scaledWidth > maxWidth){
scaledWidth = maxWidth
scaledHeight = (scaledWidth.doubleValue/ratio).intValue
}
if (scaledHeight > maxHeight){
scaledHeight = maxHeight
scaledWidth = (scaledHeight.doubleValue*ratio).intValue
}
val scaledBI = new BufferedImage(scaledWidth, scaledHeight, BufferedImage.TYPE_INT_RGB)
val g = scaledBI.createGraphics
g.setComposite(AlphaComposite.Src)
g.drawImage(originalImage, 0, 0, scaledWidth, scaledHeight, null);
g.dispose
scaledBI
}
}
}
Outras dicas
A outra resposta bem descreve como redimensionar a imagem e armazenar uma referência para o arquivo no sistema de arquivos.
Se você quiser usar o mapeador de elevador para armazenar o conteúdo do arquivo real, você tem que criar o objeto modelo personalizado, e definir um campo binário nele. Tente algo parecido com isto:
package code {
package model {
import _root_.net.liftweb.mapper._
import _root_.net.liftweb.util._
import _root_.net.liftweb.common._
// singleton object which manipulates storing of Document instances
object Document extends Document with KeyedMetaMapper[Long, Document] {
}
class Document extends KeyedMapper[Long, Document] {
def getSingleton = Document
def primaryKeyField = id
object id extends MappedLongIndex(this)
object name extends MappedString(this, 20) {
override def displayName = "Name"
override def writePermission_? = true
}
object content extends MappedBinary(this) {
override def displayName = "Content"
override def writePermission_? = true
}
}
}
}
Em seguida, na classe de bootstrap, adicione Document
no final:
Schemifier.schemify(true, Schemifier.infoF _, User, Document)
Voila. Usando Document save (new Document)
armazena-lo em banco de dados. campos de um new Document
pode ser definida usando o método set
. Tente jogar com delete_!
, find
, métodos findAll
do singleton Document
excluir ou encontrá-lo no banco de dados. Deve ser simples a partir deste ponto.
Finalmente, para exibir a imagem, você pode substituir as regras de despacho do Levante (na classe de bootstrap, Boot.scala). Experimente brincar com este exemplo que substitui as regras para pedidos de pdf:
def getFile(filename: String): Option[Document] = {
val alldocs = Document.findAll()
alldocs.find(_.name.get == filename)
}
LiftRules.statelessDispatchTable.append {
case Req("file" :: name :: Nil, "pdf", GetRequest) =>
() =>
println("Got request for: " + name + ".pdf")
for {
stream <- tryo(
getFile(name + ".pdf") map {
doc => new java.io.ByteArrayInputStream(doc.content.get)
} getOrElse null
)
if null ne stream
} yield StreamingResponse(stream,
() => stream.close,
stream.available,
List("Content-Type" -> "application/pdf"),
Nil,
200)
}
Com base na resposta aceita por Jon Hoffman, eu fixa os bugs. Seus messes versão de relação de aspecto (ele sempre torna-se 1: 1), porque a matemática estava fora em alguns pontos. Esta versão redimensiona grandes fotos até que eles se encaixam, e respeita a relação de aspecto.
def resize(is:java.io.InputStream, maxWidth:Int, maxHeight:Int):BufferedImage = {
require (maxWidth > 0)
require (maxHeight > 0)
val originalImage:BufferedImage = ImageIO.read(is)
var height = originalImage.getHeight
var width = originalImage.getWidth
// Shortcut to save a pointless reprocessing in case the image is small enough already
if (width <= maxWidth && height <= maxHeight)
originalImage
else {
// If the picture was too big, it will either fit by width or height.
// This essentially resizes the dimensions twice, until it fits
if (width > maxWidth){
height = (height.doubleValue() * (maxWidth.doubleValue() / width.doubleValue())).intValue
width = maxWidth
}
if (height > maxHeight){
width = (width.doubleValue() * (maxHeight.doubleValue() / height.doubleValue())).intValue
height = maxHeight
}
val scaledBI = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB)
val g = scaledBI.createGraphics
g.setComposite(AlphaComposite.Src)
g.drawImage(originalImage, 0, 0, width, height, null);
g.dispose
scaledBI
}
}