3

我已经设置了 AWS S3 存储桶，我可以使用 Vapor 3 和 Postman 上传文件（PUT -request 和标题：[“x-amz-acl”：“public-read”]）但我想从浏览器执行此操作（我使用的是叶子）。

那么如何从浏览器上传图片文件呢？我是 HTML、AWS S3 和 Vapor 的新手。

我在用着：

  • 蒸气 3
  • AWS S3
  • 叶包
  • S3 包
  • VaporExt 封装

我按照本教程设置了所有内容（获取请求和存储桶策略除外）：https ://fivedottwelve.com/blog/using-amazon-s3-with-vapor/

获取网址：

func preparePresignedUrl(request: Request) throws -> String {

    let baseUrl = awsConfig.url
    let imagePath = awsConfig.imagePath
    let newFilename = UUID().uuidString + ".png"


    guard var url = URL(string: baseUrl) else {
        throw Abort(.internalServerError)
    }
    url.appendPathComponent(imagePath)
    url.appendPathComponent(newFilename)

    let headers = ["x-amz-acl" : "public-read"]

    let s3 = try request.makeS3Signer()
    let result = try s3.presignedURL(for: .PUT, url: url, expiration: Expiration.hour, headers: headers)

    guard let presignedUrl = result?.absoluteString else {
        throw Abort(.internalServerError)
    }

    return presignedUrl
}

路由处理程序：

func ImagesHandler(_ req: Request) throws -> Future<View> {

    let presignedUrl = try preparePresignedUrl(request: req)
    let context = PostImageContext(title: "Add Image", url: presignedUrl)
    return try req.view().render("addImage", context)
}

包含叶变量数据的上下文：

struct PostImageContext: Encodable {
    let title : String
    let url : String
}

叶文件（addImage.leaf）：

#set("content") {

    <h1>#(title)</h1>

    <form method="PUT", action="#(url)", enctype="multipart/form-data">

    <div class="form-group">
    <label>
        Choose Image
    </label>
    <input type="file"
    class="form-control-file"/>
    </div>

    <button type="submit" class="btn btn-primary">
        Upload
    </button>   
    </form>
}

#embed("base")

它返回一个错误：

"NoSuchKeyThe specified key does not exist"

我了解到，方法属性的唯一有效值是 get 和 post，这意味着无效的 HTML 将被视为，即发送 GET 请求（解释我得到的错误）。

如何使用 Vapor 解决这个问题？谢谢您的帮助！

4

0 回答 0