strapi的使用(三)-- 上传图片

2023-11-09

1、建表添加媒体字段


 

2、前端请求格式

用axios举例,需要注意几点。

第一:传文件时,参数前要加前缀files,比如我表里面的媒体文件字段名为img,前端需要传的参数就为files.img。

第二:传除文件外的其他参数时,需要其他参数包裹在一个对象里作为data参数传过去,如下图data参数。

uploadImg() {
    const formData = new FormData();
    const time = new Date();
    formData.append('files.img', this.file, `${time.getTime()}`);
    formData.append('data', JSON.stringify({ app: 'asv' }));
    axios.post('http://localhost:1337/app-imgs', formData)
    .then((res) => {
        console.log(res);
    })
    .catch((err) => {
        console.log(err);
    });
},

3、上传成功结果

前端请求参数和成功的结果

 

 strapi是将文件上传到媒体库后再在对应表上创建实体

 

 

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

strapi的使用(三)-- 上传图片 的相关文章

  • strapi的使用(二)-- Graphql

    一 Graphql 一种为你的API而生的查询语言 可以理解为动态api 一般来说我们都是在后端写好sql查询语句查询数据库数据 前端请求这个api返回的数据是固定的 而Graphql可以让前端去决定请求什么字段回来 二 strapi安装G
  • strapi的使用(三)-- 上传图片

    1 建表添加媒体字段 2 前端请求格式 用axios举例 需要注意几点 第一 传文件时 参数前要加前缀files 比如我表里面的媒体文件字段名为img 前端需要传的参数就为files img 第二 传除文件外的其他参数时 需要其他参数包裹在
  • Strapi 路线返回 404 未找到

    我遇到一个问题 API 中的所有路由都返回404 Not found 我跟着从 Docker Hub 拉取部分位于Strapi strapi docker 除了运行图像之外 我所做的是创建一个名为的新内容类型post包含三个字段 如果我尝试
  • 如何在graphql和strapi中传递JSON对象

    当我手动编写突变查询 在 graphql 插件中 时 它正在工作 mutation createExam input data name myName desription ggg questions gf hello time 2 sub
  • 登录后如何修改密码?

    我使用以下代码更改密码 但收到 请求失败 状态代码 400 有人可以告诉我问题出在哪里吗 axios post http localhost 1337 auth reset password code password 1234567 pa
  • Strapi v4 抛出 cors 异常

    我是 Strapi 的新手 我已经下载了 Strapi v4 并且我使用 vue js 作为前端 现在我创建了类别 并尝试使用我的 vue 应用程序获取这些类别 但出现了 cors 错误 Access to XMLHttpRequest a
  • 为 Strapi 自定义 CKEditor 会出现“ckeditor-duplicated-modules”错误

    我尝试修改this存储库来自定义我想在我的 Strapi 项目中使用的 CKEditor 我添加了更多插件 这就是我的 ckeditor js 文件的样子 import ClassicEditorBase from ckeditor cke
  • Strapi 在用户注册时返回错误代码 400

    每次我尝试注册测试用户时 Strapi 用户注册都会返回错误 400 Bad Request 但用户确实是在 Users 集合中创建的 我使用的是标准的 Strapi 电子邮件插件 不是发送网格插件 每次我注册用户时 该插件不会发送电子邮件
  • 如何在 NuxtJS 中构建 SEO 友好的路线?

    我是 NuxtJS 的新手 我的页面由导航栏 菜单 列出所有文章的博客页面和几个主要是静态的页面组成 就像大多数公司网站一样 我正在从 Strapi API 检索数据 在该 API 中我只能通过 ID 获取单个条目 我必须做什么 当用户单击
  • 在 Nuxt 前端使用 Strapi 上传的图像

    下面是我从 Strapi 公开的 API 数据 http myjson com 1fgx71 http myjson com 1fgx71 我有一个专栏post content这是一个降价 我已经使用所见即所得编辑器上传了图像 现在上传的图
  • 如何从strapi上传文件夹中删除文件?

    我有一个带有媒体类型字段的条目 当我尝试删除某些条目时 我使用代码 strapi query entry delete id entry id strapi query file upload delete id entry image i
  • Flutter SocketException(SocketException:操作系统错误:连接被拒绝,errno = 111,地址 = localhost,端口 = 51500)

    我正在使用 Strapi io 开源 Node js Headless CMS 这是我的注册页面代码 void registerUser 异步 http Response response await http post http loca
  • 无法从 Strapi API 获取数据到 next.js 前端

    我尝试过 Strapi 和 next js 来制作博客网站 这是前端代码的 next js import Head from next head import styles from styles Home module css expor
  • 如何在API中包含字段而不在数据库中添加键/值?

    我正在寻找一种 Strapi API 返回键 值对的方法 该键 值对被计算并添加到服务器响应中 但不从数据库中获取 我已经使用了类似的东西ApolloServer with Prisma 如果您想知道我做得怎么样 那么这是我的设置 注意 我
  • Strapi database.js / 多个数据库配置

    如果我在 database js 中运行 sqlite 则 Strapi 在本地工作 但如果我运行 postgres 则不行 我在网上发现我可以指定npm run develop使用 sqlite 生产应该使用 postgres 对于参考
  • 如何将使用事务的代码包装在事务中然后回滚?

    我正在设置我的集成测试设备 我正在使用beforeEach and afterEach挂钩将每个测试包装在回滚的事务中 以便测试不会相互影响 一个简化的例子可能是这样的 const repository require library de
  • Strapi Beta 带有用于电子邮件的自定义 Sendgrid 控制器代码

    Strapi beta 的结构改变了插件的架构方式 删除了 plugins 目录 插件现在保存在 node modules 目录中 我正在尝试编写一些自定义代码以在下订单后触发确认电子邮件 在以前版本的 Strapi 中 电子邮件插件目录位
  • 尝试运行 Strapi 会出现模块解析错误

    我正在尝试通过 Ubuntu 20 04 上的 npm 使用 npm rundevelop 运行一个 Strapi 项目 该代码来自我的一个小组项目 没有其他人遇到这些问题 Error cache plugins strapi plugin
  • 在 Visual Studio Code 中调试 Strapi

    我正在尝试在 VS Code 中调试我的 Strapi 项目 3 0 0 beta 16 6 我的启动 json type node request attach name Attach to strapi port 9229 我的pack
  • Strapi 未加载 Digital Ocean 上托管的现有 MongoDB 中的集合

    我正在使用 Strapi 创建一个新应用程序 并尝试将其与托管在 Digital Ocean 上的 MongoDB 连接 但不幸的是Strapi 无法从现有 MongoDB 获取集合 在这里 我提到我实现 Strapi 与现有 MongoD

随机推荐

  • SpringBoot 报错: Error creating bean with name ‘deptServiceImpl‘: Unsatisfied dependency expressed th

    报错 原因从网上可以得知 检查自己的Mapper文件有没有加入注解 Mapper Repository 和自己的deptServiceImpl 加入 Service 中引入的Mapper有没有用 Autowired 如图 如果上述都有 我们
  • Excel截取字符串:从指定第N个分隔符处截取

    目的 如下图 截取下面字符串中最后一个 后面的部分字符串 思路 1 利用SUBSTITUTE A2 将分隔符替换成空字符 如下图 2 利用LEN A2 LEN SUBSTITUTE A2 即可获取里面被替换掉了多少个分隔符 3 由于SUBS
  • 京东云无线宝可以服务器吗,京东云无线宝哪种上网方式收益最高,这点你一定得知道...

    京东云无线宝路由作为一款可以赚积分的路由器 备受关注 怎么能获取更高的积分 是大家一直都非常关心的 今天我们就来聊一聊 京东云无线宝路由采用哪种上网方式 收益最高 在京东云无线宝的后台 我们可以看到路由器一共提供了4种上网方式 分别为 拨号
  • Redfish介绍和Postman工具使用

    Redfish Redfish的诞生是为了替代IPMI 由于IPMI自身的局限性和安全性缺陷 IPMI 在2015年公布2 0 v1 1标准后 不再更新 被RedFish永久代替 Redfish 可扩展平台管理 API The Redfis
  • DQN Pytorch示例

    智能体是一个字母o 它卡在许多 之间 而要达到的目的是并确保o两侧都有 这需要让o能够向左右两边移动 而且速度略快于无动作时的自然移动速度 看起来就像下面那样 这是一种很简单的情形 pytorch版本 1 11 0 cu113 代码 因为每
  • gDDIM: Generalized denoising diffusion implicit models

    gDDIM Generalized denoising diffusion implicit models 论文链接 2206 05564 gDDIM Generalized denoising diffusion implicit mod
  • 【实践3】Python pandas读取Excel指定单元格 / 在指定单元格插入数据,不改变Excel格式

    简单介绍 有时会遇到只需将爬取的数据填入指定的单元格 而不需要更改Excel格式的情况 或是将一个Excel指定单元格内容复制后插入另一个Excel的单元格 完整代码 import pandas as pd from openpyxl im
  • Cmake常用命令(二)

    本文主要介绍File关键字 它是文件系统相关的操作的入口 读文件 命令 格式 解释 示例 READ file READ
  • 初探支付对账

    大家好 我是老三 好久不见 最近比较忙碌 状态也不是太好 很久没有输出 最近在做对账系统的调研和设计 给大家分享一些对账系统的知识 什么是对账 有个男人叫小帅 娶了个老婆 叫小美 早上 小美给小帅二十块钱买早餐 小帅买了包子 油条 豆浆回来
  • Golang jwt跨域鉴权

    Golang jwt跨域鉴权 JWT全称JSON Web Token是一种跨域认证解决方案 属于一个开放的标准 它规定了一种Token实现方式 目前多用于前后端分离项目和OAuth2 0 安装jwt go get github com dg
  • java中集合框架汇总

    Java 集合框架主要包括两种类型的容器 一种是集合 Collection 存储一个元素集合 另一种是图 Map 存储键 值对映射 Collection 接口又有 3 种子类型 List Set 和 Queue 再下面是一些抽象类 最后是具
  • 【Shell编程】字符截取命令cut、printf命令

    目录 cut命令 功能 语法 参数 实例 测试文本 提取所有行的姓名 提取所有行的姓名和评分 分割文本 提取 etc passwd中用户的用户名 cut命令的局限 printf命令 功能 语法 参数 输出类型 输出格式 实例 以字符串格式输
  • message.h

    文章目录 message h 概述 objc super objc msgSend objc msgSendSuper objc msgSend stret objc msgSendSuper stret objc msgSend fpre
  • java--基础--14--File

    java 基础 14 File 1 介绍 用于操作文件和目录 文件夹 1 1 构造方法 File String pathname 根据一个路径得到File对象 File String parent String child 根据一个目录pa
  • 【Lua】不进位保留小数点X位数

    游戏需求常常因为数值太大 需要简化显示 例XX XX亿 XX XX万 lua在对两个整数进行除法操作时不会向C 那样将结果转换成整数 而是自动转换成浮点数 所以当我们保留小数使用string format 2f str 的时候 会自动完成四
  • 去掉小数点后面的0(javascript)

  • HTML导航菜单

    frameset html 文件
  • Docker运行gin项目(go mod)

    准备 先在本地把golang的docker镜像拉取下来 docker pull golang Dockerfile文件内容 在gin项目根目录下创建Dockerfile配置文件 指定基础镜像 FROM golang 维护人信息 MAINTA
  • 【TCN回归预测】基于TCN时间卷积神经网络实现数据多输入回归预测附matlab代码

    作者简介 热爱科研的Matlab仿真开发者 修心和技术同步精进 matlab项目合作可私信 个人主页 Matlab科研工作室 个人信条 格物致知 更多Matlab仿真内容点击 智能优化算法 神经网络预测 雷达通信 无线传感器 信号处理 图像
  • strapi的使用(三)-- 上传图片

    1 建表添加媒体字段 2 前端请求格式 用axios举例 需要注意几点 第一 传文件时 参数前要加前缀files 比如我表里面的媒体文件字段名为img 前端需要传的参数就为files img 第二 传除文件外的其他参数时 需要其他参数包裹在