Przesyłanie zdjęć, zmiana rozmiaru, przechowywanie w bazie danych, wyświetlanie

Question

Czy istnieje zwięzły przykład na to, jak przesłać obraz, zmienić jego rozmiar, zapisać go w bazie danych, a następnie wyświetlić obraz za pomocą funkcji Podnoszenia?

Jestem pewna, że ​​mógłbym to zrobić z pliku, Java 2D API, Lift Mapper i Response API. Ale czy istnieje jakiś przykładowy kod, który mogę wykonać, aby zrobić to "prawidłowy" lub zalecany sposób?

Answer 1

Zrobiłem to dla pola Mappera powiązanego z s3, tworząc nowy MappedField. Mam również kod do zmiany rozmiaru, ale nie testowałem ani nie wdrażałem (więc używaj z ostrożnością).

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 
     } 
    } 
} 

Answer 2

Inna odpowiedź ładnie opisuje, jak zmienić rozmiar obrazu i zapisać odniesienie do pliku w systemie plików.

Aby użyć programu odwzorowującego unoszący do przechowywania rzeczywistej zawartości pliku, należy utworzyć niestandardowy obiekt modelu i zdefiniować na nim binarne pole. Spróbuj czegoś takiego:

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 
    } 
} 



} 
} 

Następnie w klasie bootstrap, dodaj Document na koniec:

Schemifier.schemify(true, Schemifier.infoF _, User, Document) 

Voila. Używanie Document save (new Document) przechowuje go w bazie danych. Pola new Document można ustawić za pomocą metody set. Spróbuj grać metodami delete_!, find, , aby je usunąć lub znaleźć w bazie danych. To powinno być proste od tego momentu.

Na koniec, aby wyświetlić obraz, można zastąpić reguły dyspozycyjne windy (w klasie bootstrap, Boot.scala). Spróbuj zabawy z tym przykładzie, który zastępuje zasady żądań 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) 
} 

Answer 3

podstawie zaakceptowanej odpowiedzi Jon Hoffman, poprawiłem błędy. Jego wersja zawiera proporcje obrazu (zawsze wynosi 1: 1), ponieważ matematyka była wyłączona w kilku miejscach. Ta wersja zmienia rozmiar dużych zdjęć do momentu ich dopasowania i nie narusza proporcji.

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 
    } 
}