图片上传的两种形式

很早以前的单应用项目上传图片都是很简单的,上传图片后在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可以保存到数据库,而不需求上传,但是我不推荐这么做,图片都应该统一在文件服务器中管理,当然这个看需求设计了

 

时间: 2024-08-01 09:45:27

图片上传的两种形式的相关文章

图片上传的第二种形式

之前有说了一种以base64的图片上传形式,这次来说说另外一种,其实很简单,很早以前都是在form提交的时候再controller中处理,现在基本不会这么做,都是通过ajax来实现异步上传的 首先需要引入jquery.ui.widget.js以及jquery.fileupload.js这两个js, HTML代码: <div> <input id="idcardImagePositiveFileUpload" type="file" name=&qu

原生ajax和iframe框架实现图片文件上传的两种方式_AJAX相关

大家应该可以举出几种常用的异步文件上传功能的实现方式,使用频率较多的有原生ajax和iframe框架,实现图片文件上传,下面就为大家分享图片文件上传的两种方式:原生ajax和iframe框架,供大家参考,具体内容如下 方法一:利用iframe框架上传图片 html代码如下: <div class="frm"> <form name="uploadFrom" id="uploadFrom" action="upload.

JavaBean实现多文件上传的两种方法

上传 摘要:本文介绍了JavaBean实现多个文件上传的两种方法,分别是使用http协议和ftp协议实现.首先讲述了http协议传送多个文件的基本格式和实现上传的详细过程,之后简单介绍了使用ftpclient 类实现了ftp方式的上传,最后对这两种方法进行了比较. 关键字:JavaBean .http .ftp .ftpclient JavaBean是一种基于Java的软件组件.JSP对于在Web 应用中集成JavaBean组件提供了完善的支持.这种支持不仅能缩短开发时间(可以直接利用经测试和可

php文件上传的两种实现方法_php技巧

文件上传一般有下面2种方式: 有两种: 1.标准input表单方式,典型的用$_FILES进行接收: 2.以Base64的方式进行传送,一般是AJAX异步上传. 第一种 标准的input表单方式,适用于大文件进行上传,同时支持批量.html代码关键的几句: <form enctype="multipart/form-data" method="post" action="upload.php""> <input typ

jersey 文件上传-使用两种不同的方式

在该文档中,我将带领大家使用基于JAX-RS REST风格的实现Jersey来上传文件到服务器制定的文件夹,如果是图片并读取显示出该图片. 准备工作: 准备一个form表单,有两个字段,一个是type="file"和type="text",并且表单需要使用POST方式提交.注意改表单需要使用multipart/form-data. 该项目使用netbeans8.0和glassfish4.0开发和运行.并且使用maven管理该工程: 需要在您的C盘建立一个文件夹,用来

C#实现Web文件上传的两种方法

在Web编程中,我们常需要把一些本地文件上传到Web服务器上,上传后,用户可以通过浏览器方便地浏览这些文件,应用十分广泛. 那么使用C#如何实现文件上传的功能呢?下面笔者简要介绍一下. 首先,在你的Visual C# web project 中增加一个上传用的Web Form,为了要上传文件,需要在ToolBox中选择HTML类的File Field控件,将此控件加入到Web Form中,然而此时该控件还不是服务端控件,我们需要为它加上如下一段代码: <form method=post encT

C#实现Web文件上传的两种方法实例代码

在Web编程中,我们常需要把一些本地文件上传到Web服务器上,上传后,用户可以通过浏览器方便地浏览这些文件,应用十分广泛.   1. C#实现Web文件的上传 使用C#如何实现文件上传的功能呢?下面笔者简要介绍一下. 首先,在你的Visual C# web project 中增加一个上传用的Web Form,为了要上传文件,需要在ToolBox中选择HTML类的File Field控件,将此控件加入到Web Form中,然而此时该控件还不是服务端控件,我们需要为它加上如下一段代码:<input

struts2单个文件上传的两种实现方式_java

通过2种方式模拟单个文件上传,效果如下所示 开发步骤如下: 1.新建一个web工程,导入struts2上传文件所需jar,如下图 目录结构 2.新建Action 第一种方式 复制代码 代码如下: package com.ljq.action; import java.io.File; import org.apache.commons.io.FileUtils;import org.apache.struts2.ServletActionContext; import com.opensymph

C#实现Web文件上传的两种方法实例代码_实用技巧

1. C#实现Web文件的上传 使用C#如何实现文件上传的功能呢?下面笔者简要介绍一下. 首先,在你的Visual C# web project 中增加一个上传用的Web Form,为了要上传文件,需要在ToolBox中选择HTML类的File Field控件,将此控件加入到Web Form中,然而此时该控件还不是服务端控件,我们需要为它加上如下一段代码:<input id=PreviousFile1 type=file size=49 runat="server">,这样