项目中需要上传图片可谓是经常遇到的需求,本文将介绍 3 种不同的图片上传方式。
1.云储存
常见的 七牛云,OSS(阿里云)等,这些云平台提供API接口,调用相应的接口,文件上传后会返回图片存储在服务器上的路径,前端获得这个路径保存下来提交给后端即可。此流程处理相对简单。
主要步骤:
向后端发送请求,获取OSS配置数据
文件上传,调用OSS提供接口
文件上传完成,后的文件存储在服务器上的路径
将返回的路径存值到表单对象中
2.传统文件服务器上传图片
此方法就是上传到自己文件服务器硬盘上,或者云主机的硬盘上,都是通过 formdata 的方式进行文件上传。具体的思路和云文件服务器差不多。
主要步骤
设置服务器上传路径、上传文件字段名、header、data参数等
上传成功后,返回服务器存储的路径
返回的图片路径存储到表单提交对象中
3.图片转 base64 后上传
一些小图片上传可能会采取前端转base64后成为字符串上传给后端
-
上传方式
-
直接上传到应用服务器
-
上传到OSS(阿里云、七牛云)
-
前端将图片转成Base 64 编码上传
-
新建模块
网友评论