2019-04-01

11 图片上传的三种方式

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

1.云储存

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

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

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

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

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

3.图片转 base64 后上传

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

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

相关阅读更多精彩内容

  • Spring Boot文件上传 文件上传是项目开发中的常见操作。一般分为如下几种解决方案 直接上传到应用服务器 上...
    诅咒猎豹阅读 220评论 0 0
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,569评论 1 32
  • 这个是比较简单的脚本,从Github找到的挺好用,略为修改就可以用来更新Ubuntu/Debian服务器的软件包。...
    AK蜗牛阅读 690评论 0 2
  • Vue.js工程化项目起步——vue-router-demo: 本例主要采用vue-cli配合webpack来创建...
    诅咒猎豹阅读 235评论 0 0
  • 磨蹭了一晚上的娃终于上床睡觉去了,小小的屋子又恢复了白天的寂静,所有的声音都突然间凭空消失了,周围的邻居终于松...
    快乐晓晓2007阅读 449评论 2 5

友情链接更多精彩内容