文本,wangEditor5教程-上传图片,在开发文档的菜单配置当中,去搜索里搜索图片,也可以找到,上传图片必须有服务端的图片,验证接口正确用postman,wangEditor的postman接口

简介: 文本,wangEditor5教程-上传图片,在开发文档的菜单配置当中,去搜索里搜索图片,也可以找到,上传图片必须有服务端的图片,验证接口正确用postman,wangEditor的postman接口

开发文档

用于 Vue React | wangEditor

视频资源

wangEditor5教程07-上传图片_哔哩哔哩_bilibili

1、点击菜单配置选项

2、点击上传图片

3、去搜索里搜索图片,也可以找到

4、必须要有一个服务端的地址,要求的格式这样的

5、成功要返回这样一个样式,失败要返回这样一个格式

怎样验证上传接口是正确的

form-data选择file

这里有一个Selectfile的文件

选择一个图片file,进行发送

之后我们返回的就是这样的一种格式

这里,接口的这张图片,必须是一张图片

图片上传必须在editorConfig中写

在这里写上传图片的配置

首先在editorConfig中配置一个空对象

这里补充了这部分内容,uploadImage的意思是上传图片的意思

service的意思是上传接口的意思

这里有一个上传图片

一个在线的图片上传成功了

如果参考格式无法满足,就看自定义插入这一块

体积,样式,大小

还可以定义是否传递cook,回调函数


相关文章
|
2月前
|
存储
Postman 接口测试配置 Pre-request Script
Postman 接口测试配置 Pre-request Script
105 5
Postman 接口测试配置 Pre-request Script
|
26天前
|
XML Web App开发 数据挖掘
Postman接口测试工具全解析:功能、脚本编写及优缺点探讨
文章详细分析了Postman接口测试工具的功能、脚本编写、使用场景以及优缺点,强调了其在接口自动化测试中的强大能力,同时指出了其在性能分析方面的不足,并建议根据项目需求和个人偏好选择合适的接口测试工具。
30 1
|
26天前
|
Web App开发 JSON 测试技术
精通Postman接口测试:关联技术与自动化实践指南
这篇文章详细介绍了如何使用Postman进行接口测试,包括关联技术、自动化实践,以及如何通过环境变量和全局变量解决接口之间的关联性问题。
28 0
精通Postman接口测试:关联技术与自动化实践指南
|
2月前
|
XML JSON 测试技术
Postman接口测试工具详解
📚 Postman全攻略:API测试神器!📚 发送HTTP请求,管理集合,写测试脚本,集成CI/CD。从安装配置到环境变量、断言、数据驱动测试,一步步教你如何高效测试RESTful API。实战案例包含GET、POST、PUT、DELETE请求。用Newman在命令行跑集合,自动化测试不发愁!👉 [洛秋小站](https://www.luoqiu.site/) 学更多!🚀
67 1
|
2月前
|
JSON 前端开发 测试技术
Postman 接口测试工具详解
在执行这些测试案例时,请确保遵循实际的API规范,并根据API的特定要求调整步骤和参数。
使用postman测试接口时需要先登录怎么办
使用postman测试接口时需要先登录怎么办
2559 0
使用postman测试接口时需要先登录怎么办
|
4月前
|
API 开发工具
POSTMAN在测试调用钉钉待办事项接口时权限问题
POSTMAN在测试调用钉钉待办事项接口时权限问题
|
10月前
|
Web App开发 前端开发 测试技术
postman测试上传图片接口步骤教程
postman测试上传图片接口步骤教程
290 0
|
SQL XML JSON
Spring Boot + vue-element 开发个人博客项目实战教程(九、Postman测试接口)(下)
Spring Boot + vue-element 开发个人博客项目实战教程(九、Postman测试接口)(下)
135 0
|
XML JSON 前端开发
Spring Boot + vue-element 开发个人博客项目实战教程(九、Postman测试接口)(上)
Spring Boot + vue-element 开发个人博客项目实战教程(九、Postman测试接口)(上)
130 0