上传档案 - day19

Upload

Vaadin 档案上传档案使用 Upload Component，Upload 支援单个或多个档案视觉化拖放，可限制档案类型、档案大小、图档尺寸...等功能。

接收器

档案从client上传至server时须指定接收器 Receiver，vaadin 提供多种已实作的 Receiver。

• FileBuffer
• MemoryBuffer
• MultiFileBuffer
• MultifileMemoryBuffer

学生相片上传

更改资料库栏位

请开新档 V04__AlterStudent.sql，在 table Student 增加栏位 photo

ALTER TABLE Student ADD photo VARCHAR(100);

上传/接收

我们使用同一案例上传学生相片，请开启 StudentEditDialog.kt，下方增加上传功能，存档并将档名存在student.photo栏位，以便後续存取

val buffer = FileBuffer()
var fileName : String? = ""
upload {
    setReceiver(buffer)
    setAcceptedFileTypes("image/jpeg", "image/png")
    maxFiles = 1
    maxFileSize = 1024*1024
    addSucceededListener {
        fileName = "/students/photos/photo_${studentId}.${buffer.fileName.split(".").run { get(size-1) }}"
        val file = File(VaadinServlet.getCurrent().servletContext.getRealPath("/") + fileName)
.${buffer.fileName.split(".").get(1)}"
        val file = File(fileName)
        student.photo = fileName
        FileUtils.copyToFile(buffer.inputStream, file)
    }
}

第一、四行，使用 FileBuffer 接收上传资料
第五行，限制档案型态
第六行，因为相片只需要一张，限制上传数量为1
第七行，档案大小以byte为单位
第八行，档案上传成功执行addSucceededListener{}

取得当前实际目录

Vaadin 和一般J2EE网路应用程序一样，使用 ServletContext (J2EE规范)的getRealPath()方法取得实际路径。

VaadinServlet.getCurrent().servletContext.getRealPath("/")