10

我正在关注这些人Martin Lasek教程，现在我在“图像上传”。似乎没有人能回答“你如何在 Vapor 3 中上传图片”这个问题

数据库连接正常，所有其他值都已保存。

这是我的创建方法：

    func create(_ req: Request) throws -> Future<Response> {

    return try req.content.decode(Question.self).flatMap { question in
        return question.save(on: req).map { _ in

            return req.redirect(to: "/form")
        }
    }
}

和型号：

final class Question: PostgreSQLModel {

var id: Int?
var questionText: String
var answers: [String]
var theme: String?
var imageName: String?
var imageData: File?

init(id: Int? = nil, questionText: String, answers: [String], theme: String, imageName: String?, imageData: File?) {

    self.id = id
    self.questionText = questionText
    self.answers = answers
    self.theme = theme
    self.imageName = imageName
    self.imageData = imageData
}

}

和叶子模板：

<form action="/save" method="POST" enctype="multipart/form-data" id="upload-form">
<input type="file" accept="image/png,image/jpg" name="image">
<input class="btn btn-success btn-block" type="submit" value="Legg til">
</form>

我知道需要一种管理文件的方法以及原始图像字节，

但我怎么去那里？

4

3 回答 3

7

这使用多部分形式的自动解码：

router.get("upload") {
    request -> Future<View> in
    return try request.view().render("upload")
}

struct ExampleUpload: Content {
    let document: File
}

// this saves the file into a Question
router.post(ExampleUpload.self, at:"upload") {
    request, upload -> Future<HTTPResponseStatus> in
    let question = try Question()
    question.imageData = upload.document.data
    question.imageName = upload.document.filename
    return question.save(on:request).transform(to: HTTPResponseStatus.ok)
}

该upload.leaf文件是：

<form method="POST" enctype="multipart/form-data">
<input type="file" name="document" />
<input type="submit" value="Send" />
</form>

使用该类型File可以访问上传文件的本地文件名以及文件数据。如果将其余的 Question 字段添加到 ExampleUpload 结构中，则可以使用该路由来捕获整个表单的字段。

于 2018-07-31T08:20:02.660 回答
4

我已经设法通过这样做来获取图像数据：

struct ImageRequest: Content {
    var imageData: Data
}

func analyizeImage(_ request: Request) throws -> Future<Response> {
    return try request.content.decode(ImageRequest.self).flatMap(to: Response.self, { [weak self] imageRequest in
        guard let image = NSImage(data: imageRequest.imageData) else {
            throw Abort(.badRequest)
        }

        // Do what you want with your image
    })
}

我的表格如下所示：

<form method="POST" enctype="multipart/form-data">
    <input type="file" name="imageData" />
    <input type="submit" value="Send" />
</form>
于 2018-07-30T11:24:07.477 回答
3

为了req.content.decode(Question.self)工作，您的模型必须符合Content协议，即 Vapor 封装Codable+ 其他编码/解码内容。

你把它添加到你的Question模型中了吗？

类似的东西：

extension Question: Content {}
于 2018-07-31T06:45:54.827 回答