使用 vuejs 前端上传图片

Question

我想为用户上传个人资料图片。我正在使用带有 Rails API 的 VueJs 前端。我要做的是仅使用前端上传图像。我希望在没有任何调用 API 调用的情况下上传文件。然后我可以将文件的位置存储在后端的图片属性中并检索它。那可能吗？我也在使用 Element 库。

   <el-upload :http-request="addAttachment">
        <el-button size="small" type="primary">Click Upload</el-button>
   </el-upload>```

Answer 1

你正在看的东西叫做，

直接上传或基于浏览器的上传。

您正在使用的存储服务应该有支持。

示例：使用 S3 和 GCS 是可能的。

在没有任何 API 调用的情况下上传？ - 不确定，我曾经不得不进行一个小的 API 调用来获取签名密钥并将其与 POST 参数一起使用以将文件上传到存储服务（GCS）

返回 API 响应后，您可能希望将文件路径写入 db。