如何在播放框架中上传大文件？答案

【问题标题】：how to upload a huge file in play framework?如何在播放框架中上传大文件？
【发布时间】：2018-01-08 18:26:46
【问题描述】：

在我的应用程序中，我正在尝试将文件上传到目标文件夹，浏览器不允许我上传大于 4 GB 的文件，而我的文件大小为 15 GB。我很震惊，没有知道如何上传它。任何帮助都是非常可观的。

【问题讨论】：

标签： playframework-2.0

【解决方案1】：

你可以分两个阶段解决这个问题：

您需要将大文件分割成更小的块，然后将它们发送到服务器。为此，您可以使用一些 javascript 库，例如 Resumable.js
在您的 play2 控制器中，您需要使用 Iteratee API 组装这些块，然后您可以对您的文件做任何您想做的事情。

编辑：

我们以resumable.js作为客户端的例子，我不会深入细节，你可以找到文档和例子here

我们的视图将是极简主义的（仅用于选择一个或多个文件的链接）：

@()
@main("File upload"){
    <a href="#" id="browseButton">Select files</a>
}

我们的 javasctipt ：

$(function(){
  var r = new Resumable({
    target:'/test/upload'
  });

  r.assignBrowse(document.getElementById('browseButton'));

  r.on('fileSuccess', function(file){
    console.debug(file);
  });
  r.on('fileProgress', function(file){
    console.debug(file);
  });
  // more events, look API docs
});

我们的 main.scala.html ：

@(title: String)(content: Html)

<!DOCTYPE html>

<html>
    <head>
        <title>@title</title>
        <link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/main.css")">
        <link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/style.css")">
        <link rel="shortcut icon" type="image/png" href="@routes.Assets.at("images/favicon.png")">
        <script src="@routes.Assets.at("javascripts/jquery-1.9.0.min.js")" type="text/javascript"></script>
        @*We include resumable.js library*@
        <script src="@routes.Assets.at("javascripts/resumable.js")" type="text/javascript"></script>
        @*Our javascript for file upload*@
        <script src="@routes.Assets.at("javascripts/upload.js")" type="text/javascript"></script>
    </head>
    <body>
        @content
    </body>
</html>

还有我们的服务器端，播放控制器：

首先，我们需要创建一个函数，该函数将通过使用我们的 chank 并产生结果来处理我们的文件部分 - 在我们的示例中为 Array[Byte]。

 // hadle file part as Array[Byte]
  def handleFilePartAsByteArray: PartHandler[FilePart[Array[Byte]]] =
    handleFilePart {
      case FileInfo(partName, filename, contentType) =>
        // simply write the data to the a ByteArrayOutputStream
        Iteratee.fold[Array[Byte], ByteArrayOutputStream](
          new ByteArrayOutputStream()) { (os, data) =>
          os.write(data)
          os
        }.mapDone { os =>
          os.close()
          os.toByteArray
        }

然后我们可以定义一个自定义的正文解析器：

// custom body parser to handle file part as Array[Byte]
  def multipartFormDataAsBytes:BodyParser[MultipartFormData[Array[Byte]]] =
    multipartFormData(handleFilePartAsByteArray)

最终我们的控制器可能看起来像：

def handleFileUpload = Action(multipartFormDataAsBytes){ request =>
 // retrieve file name from data part   
 val fileName  = request.body.asFormUrlEncoded.get("resumableFilename").get.headOption
 // retrieve arrays of byte from file part and write them to file
    request.body.files foreach{
      case FilePart(key,filename,content,bytes)=>
        import scalax.io._
        val output:Output = Resource.fromFile(fileName.getOrElse("default"))
        output.write(bytes)
    }
    Ok("")
  }

控制器的导入列表：

import play.api.mvc._
import play.api.mvc.BodyParsers.parse.Multipart._
import play.api.libs.iteratee.Iteratee
import java.io.ByteArrayOutputStream
import play.api.mvc.BodyParsers.parse._
import play.api.mvc.BodyParsers.parse.Multipart.FileInfo
import play.api.mvc.MultipartFormData.FilePart

【讨论】：

非常感谢您发布答案，实际上我是 javascript 的新手，所以您能否就如何实现它提供一些想法？
我在玩 2.4.4，看起来一些 API 发生了很大变化。您有机会将答案更新到最新版本吗？特别是，我正在努力解决：handleFilePart