图片上传的两种形式

简介: 很早以前的单应用项目上传图片都是很简单的,上传图片后在controller层设置路径并且保存到服务器的某个路径下就行了,数据库中存储路径地址,最后在tomcat中设置一个虚拟路径就行了,很多年以前大多都是这么做的。

很早以前的单应用项目上传图片都是很简单的,上传图片后在controller层设置路径并且保存到服务器的某个路径下就行了,数据库中存储路径地址,最后在tomcat中设置一个虚拟路径就行了,很多年以前大多都是这么做的。

然而随着技术的更新迭代,SOA,微服务,这样的做法是会被淘汰的,如果是分布式部署或者集群环境,上传文件到各自的服务器上去,是无法做到统一的,那么就要用到图片服务器,之前我有提过fastdfs,这个是一个非常好用的文件服务器,这里不多说了。各个项目上传的图片都统一由文件服务器来管理,那么以后不论在分布式环境下或者集群环境下,根据分配的路径去访问就可以获得图片即可。

1、使用文件流来处理,这个结果这样做可以同时被浏览器,ios以及安卓调用,从MultipartHttpServletRequest中获取MultipartFile对象即可,最后再调用文件服务器的接口上传即可

2、使用base64上传

切割图片后可以生产一堆base64字符串,这个字符串就是你要上传的图片,只要把这个字符串传到后台去解码处理即可,最终在使用fastdfs来上传就行

 

那么这两种方式有什么区别呢?

1、访问文件流图片需要2次HTTP请求,而BASE64只需要一次

2、文件流图片在任何浏览器都可以被访问到,而base64某些浏览器不支持

3、base64图片无法缓存(缓存整页另当别论)

4、base64编码的图片相对偏大,所以一般都是用来做小图的,比如头像

 

用处:

文件流用来上传大图,比如一些广告图片啊,商品图片等等

base64图片可以用来上传用户头像,或者小的logo,或者小的图标等等

base64可以保存到数据库,而不需求上传,但是我不推荐这么做,图片都应该统一在文件服务器中管理,当然这个看需求设计了

 

相关文章
|
JSON JavaScript 前端开发
图片上传的第二种形式
之前有说了一种以base64的图片上传形式,这次来说说另外一种,其实很简单,很早以前都是在form提交的时候再controller中处理,现在基本不会这么做,都是通过ajax来实现异步上传的 首先需要引入jquery.
965 0
|
存储 小程序
小程序图片上传,存储,获取,显示(含源码)
小程序图片上传,存储,获取,显示(含源码)
416 0
|
C# 区块链 安全
C#图片存到资源文件,以及调用图片
版权声明:欢迎评论和转载,转载请注明来源。 https://blog.csdn.net/zy332719794/article/details/8971154 在程序中会用到图片,有两种方法,一种是将图片放在运行文件夹中,直接调用,另一种是将图片放入资源文件中。
1294 0
实现手动上传表单数据+图片文件
在很多项目中都会有上传数据+图片的需求,我最近在项目中负责活动发布的板块,需要几个表单数据加两个图片和一个图片数组,我看到产品需求后头就很大,我之前没有做过相关的业务,所以这几天一直在尝试,看到接口文档我内心已经崩了。
189 1
实现手动上传表单数据+图片文件
|
存储 小程序 API
小程序实现图片上传,预览以及图片base64位处理
小程序实现图片上传,预览以及图片base64位处理
602 0
小程序实现图片上传,预览以及图片base64位处理
|
JSON JavaScript 数据格式
JQuery文件上传及以Base64字符串形式呈现图片
一:上传之 首先,你必然得有一个 file input,如下:         其次,让我们 upload,如下: $.ajaxFileUpload({     url: '@ViewBag.
779 0
|
存储 JavaScript 前端开发
Java实现图片的上传和显示
Java实现图片的上传和显示
662 0