Question

如何使用 strapi 上传文件并获取 URL？

2019-02-17

8781

reactjs file-upload strapi

我成功上传了图片，但不明白如何获取其 URL。

我正在使用 reactjs。我的 jsx：

import Strapi from 'strapi-sdk-javascript/build/main';
const apiUrl = process.env.API_URL || 'http://localhost:1337'
const strapi = new Strapi(apiUrl);

<form onSubmit={this.uploadFile}>
    <input ref={form=> this.form= form}  type="file" name="files"/>
    <input type="submit" value="Submit"/>
</form>

以及函数：

 uploadFile = async (e) => {
    e.preventDefault();
    let a = new FormData(this.form);
    const response = await strapi.upload(a);

文件正在上传，但响应仅收到 true 值，而我没有得到完整响应。

我尝试理解 strapi 文档，但不明白如何实现它： https://strapi.io/documentation/3.x.x/guides/upload.html#examples

提前致谢

Answer 1

上传文件时，您通常会收到如下响应：

    {
        "id": 5,
        "name": "key.jpg",
        "hash": "045a33af53ad4efe9dd0cdc80173e792",
        "sha256": "hLIpLA5JHEKfjfnAhgr9HqvKpNkm1QH1J-kvrIkGogQ",
        "ext": ".jpg",
        "mime": "image/jpeg",
        "size": "4238.72",
        "url": "/uploads/045a33af53ad4efe9dd0cdc80173e792.jpg",
        "provider": "local",
        "public_id": null,
        "created_at": 1551723193383,
        "updated_at": 1551723193411,
        "related": [
        ]
    }

Answer 2

如果您在开发环境中工作，则评估上传到 Strapi 的图像的基本 URL 是 http://localhost:1337 。

Kayode Alao

2020-05-13