图片上传的三种方式

项目中需要上传图片可谓是经常遇到的需求,本文将介绍 3 种不同的图片上传方式。

1.云储存

常见的 七牛云,OSS(阿里云)等,这些云平台提供API接口,调用相应的接口,文件上传后会返回图片存储在服务器上的路径,前端获得这个路径保存下来提交给后端即可。此流程处理相对简单。

主要步骤:

向后端发送请求,获取OSS配置数据
文件上传,调用OSS提供接口
文件上传完成,后的文件存储在服务器上的路径
将返回的路径存值到表单对象中

2.传统文件服务器上传图片

此方法就是上传到自己文件服务器硬盘上,或者云主机的硬盘上,都是通过 formdata 的方式进行文件上传。具体的思路和云文件服务器差不多。

主要步骤:

设置服务器上传路径、上传文件字段名、header、data参数等
上传成功后,返回服务器存储的路径
返回的图片路径存储到表单提交对象中

3.图片转 base64 后上传

一些小图片上传可能会采取前端转base64后成为字符串上传给后端

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 项目中需要上传图片可谓是经常遇到的需求,本文将介绍 3 种不同的图片上传方式。 1.云储存 常见的 七牛云,OSS...
    陶然然_niit阅读 4,758评论 0 3
  • 1.云储存 常见的 七牛云,OSS(阿里云)等,这些云平台提供API接口,调用相应的接口,文件上传后会返回图片存储...
    蜜思1013阅读 3,561评论 0 0
  • 网站上传图片、文件等,最常见的就是直接上传到服务器的webapp目录下,或者直接上传服务的一个指定的文件夹下面。这...
    国王兔子阅读 5,392评论 0 1
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 13,902评论 1 32
  • 今天在跟道子聊天,看到自己一个模式,如果我成长和结果的效果中立来看是十分,我只敢说我自己收获和改变了三分,...
    金晶花阅读 4,324评论 2 1

友情链接更多精彩内容