如何从Play网页上传图像并将其存储在没有GridFS的MongoDB中?

时间:2017-09-05 13:55:02

标签: mongodb scala playframework

我有一个简单的网站,我可以上传文章并将其展示给网站访问者。文章存储在MongoDB中。 我决定添加一个简单的功能,允许管理员将图像插入文章的顶部。我希望这个图像存储在同一篇文章中的MongoDB中。 在不需要使用GridFS的情况下实现此目的的最简单方法是什么?

2 个答案:

答案 0 :(得分:1)

以下是我的答案,因此针对所有需要相同内容的人员概述了解决方案。它当然有其局限性,例如16Mb的最大图像大小,但在很多情况下它并不相关。

我DAO的相关部分:

trait DocumentService {
  ....
  def updatePicture(data:Array[Byte], title:String)(implicit ec:ExecutionContext):Future[UpdateResult]
  def picture(title:String)(implicit ec:ExecutionContext):Future[Option[Array[Byte]]]
}

此处title是文章的标题,它是独一无二的,可作为文章提取和特定文章的所有相关操作的关键。

实现:

package services

import javax.inject.Singleton

import com.mongodb.client.result.UpdateResult
import model.Annotation
import org.bson.types.Binary
import org.mongodb.scala.bson.collection.immutable.Document
import org.mongodb.scala.{MongoClient}
import org.mongodb.scala.model.Filters._
import org.mongodb.scala.model.Updates._
import _root_.scala.concurrent.{ExecutionContext, Future}

/**
  * Created by Alex on 7/13/2016.
  */
@Singleton
class MongoDocumentService extends DocumentService{
  val mongoClient:MongoClient = MongoClient()
  val db = mongoClient.getDatabase("test")
  .....
  override def updatePicture(data: Array[Byte], title:String)(implicit ec: ExecutionContext): Future[UpdateResult] = {
    val collection = db.getCollection("items")
    val update = set("picture.data", new Binary(data))
    collection.updateOne(equal("title", title), update).toFuture().map(sx => sx.head)
  }

  override def picture(title: String)(implicit ec: ExecutionContext): Future[Option[Array[Byte]]] = {
    val collection = db.getCollection("items")
    collection.find(equal("title", title)).first()
      .toFuture()
      .recoverWith{case e:Throwable => {println(e); Future.failed(e)}}
      .map{seq => if(seq.isEmpty) None else seq.head.get("picture").map(p => p.asDocument().get("data")).map(r => r.asBinary().getData)}
  }
}

updatePicture方法将图片数据插入特定的文章文档。作为输入,它获取字节数组并使用Binary类型对它们进行编码。

picture方法从文章文档中检索图片原始字节。

现在用于图片文件上传和检索<img src="...">标签的图片的相关控制器方法:

def updatePicture = AdminAction.async(parse.multipartFormData){implicit request =>
    request.body.file("contentField").fold(Future.successful(Redirect(routes.MainController.index())))
    {filePart =>
      val tempFile = new File("./temp.txt");
      filePart.ref.moveTo(tempFile, true)
      val in = new FileInputStream(environment.getFile("./temp.txt"))
      val content = Stream.continually(in.read()).takeWhile(_ != -1).map(_.toByte).toArray
      val formOtherFields = request.body.asFormUrlEncoded
      val title = formOtherFields("titleField").head
      documentService.updatePicture(content, title).map(
        r => {
          in.close()
          tempFile.delete()
          Redirect(routes.MainController.index())
        }
      )
    }
  }

此控制器操作处理图像文件上载,它使用多部分表单数据解析器访问文件数据,然后将其提供给上面显示的相关DAO方法。

def picture(title:String) = Action.async{implicit request =>
    documentService.picture(title).map{
      case r => Ok(r.getOrElse(Array.empty[Byte]))
    }
  }

此方法用于将文章视图上的图像呈现为<img src="...">标记,如下所示: <img src="/picture/@{document.get("title").get.asString().getValue}"/>

routes文件的相关部分:

POST    /updatePicture              controllers.MainController.updatePicture
GET     /picture/:title             controllers.MainController.picture(title:String)

答案 1 :(得分:0)

您可以对图像执行base 64编码并将其添加到文档中。请注意,最大MongoDB BSON文档大小为16兆字节。