[英]Image Upload in Vapor 3 using PostgreSQL
我正在关注这些家伙Martin Lasek Tutorials,现在我正在“图片上传”。 似乎没人能回答“如何上传i Vapor 3图像”的问题
Db连接正常,所有其他值都保存。
这是我的创建方法:
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>
我知道需要一种管理文件的方法和原始图像字节,
但是我怎么去那里?
这使用多部分表单的自动解码:
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结构中,则可以使用该路径捕获整个表单的字段。
我设法通过这样做获取图像数据:
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>
为了使req.content.decode(Question.self)
能够工作,你的模型必须符合Content
协议,即Codable
+其他编码/解码内容的Vapor封装。
你有没有把它添加到你的Question
模型中?
类似的东西:
extension Question: Content {}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.