java - chalice 。将文件上传到临时文件夹并在 gsp 中显示它们

Question

我的目的是上传图像并将其存储在临时文件夹中。然后我想在 .gsp View 中显示这些图像。我一直试图让它发挥作用的过程是这样的:

首先，从输入上传文件:

<input id="inputImg" type="file" accept="image/*">

创建文件:

def saveFile(MultipartFile inputImg) {

    def contentType = inputImg.getContentType()
    def originalFilename = inputImg.getOriginalFilename()
    def extension = FilenameUtils.getExtension(originalFilename)

    String tempPath = System.getProperty("java.io.tmpdir") + "/uploads"

    File file = new File("$tempPath/$originalFilename")
    FileUtils.forceMkdirParent(file)
    inputImg.transferTo(file)

    if (contentType == 'application/octet-stream') {
        contentType = MimeTypeUtils.getContentTypeByFileName(originalFilename)
    }

    Path filePath = Paths.get(file.toString())
    Path path = Paths.get(tempPath)
    Path relativePath = path.relativize(filePath)

    Avatar avatar = new Avatar(
            path: relativePath.toString(),
            contentType: contentType,
            name: originalFilename,
            extension: extension
    )
}

一旦存储在临时文件夹中，我找到了这个解决方案，但我不确定这是否是最好的方法。我正在尝试使用 base64 编码处理图像，然后再将其发送到 View :

def filename = user?.avatar?.name
def file = new File("$tempPath/$filename")
def base64file = file?.readBytes()?.encodeBase64()

最后在 gsp 中显示:

<img alt="img" src="data:image/*;base64,${base64file}"/>

我想知道是否有另一种最佳方法来完成此过程，我不知道我是否遗漏了某些内容，或者这是否不是管理文件和图像的好程序...

Answer 1

您正在使用采用 Base64 编码的内联图像，这非常适合显示相对较小的图像(最多 5k)。这种方法的优点是您可以在单个 HTTP 连接中转储包含图像的页面。

如果图像变得相当大(> 1MB)，那么您将无法使用缓存和其他出色的功能，因此您必须一遍又一遍地通过线路发送数据，这会降低用户体验。

另一种方法是在单独的请求中传递每个图像。

您可以定义一个 Controller 操作，例如:

class ImageController {

  def image(String id){
    def file = new File("$tempPath/$id")
    if( !file.exists() )
      render status: 404
    else{
      response.contentType  = 'image/jpeg'
      response.withOutputStream{ it << file.readBytes() }
    }
  }
}

然后在您的普惠制中输入:

<img alt="img" src="${g.createLink( controller:'image', action:'image', id:user.avatar.name )}"/>