1.通过tomcat进行路径映射
把图片和视频存在本地或者服务器上 然后通过tomcat去映射路径 启动tomcat服务器后 浏览器就可以直接访问
具体步骤:
1.首先下载一个tomcat服务器:https://tomcat.apache.org/download-90.cgi
2.修改tomcat
配置文件 找到你安装的tomcat目录:这里我安装在D盘
D:\dev\apache-tomcat-9.0.48\conf\server.xml 中添加tomcat的映射路径配置。在Host标签中添加
<Context docBase="E:\gis\video" path="/gis" reloadable="true" />
docBase:要映射的本地路径。
path:tomcat访问路径
reloadable:如果这个属性设为true,tomcat服务器在运行状态下会监视在WEB-INF/classes和WEB-INF/lib目录下class文件的改动,如果监测到有class文件被更新的,服务器会自动重新加载Web应用。
完成以上步骤,启动tomcat,然后在E:\gis\video 下方的图片视频都能通过浏览器访问。
访问地址是:http://localhost:8080/gis/test.jpg
2.把图片和视频转成Base64进行存储
不太建议使用这种方式进行存储,虽然用起来方便 ,不用保存源文件就能进行解析。它的最大缺点就是容量大!
特别是清晰度越高的图片视频,解析出来的base64码就越大。下面也来讲一下这种方式的实现:
首先竟然是在Web端展示,肯定是动态的,肯定要存储在一个地方,这里可以选择存数据库(特别慢),和es(具体没测试过,因为es就是用来处理大字段类型的,所以应该没问题)。
然后通过Base64和image之间的转换可以实现前段展示,后端存储。
package com.gis.util;
import sun.misc.BASE64Decoder;
import sun.misc.BASE64Encoder;
import java.io.*;
/**
* 图片转base64 或 base64 转图片
*/
public class Base64Util {
//base64字符串转化成图片
@SuppressWarnings("restriction")
public static File GenerateImage(String imgStr, String fileDir, String fileName) {
//对字节数组字符串进行Base64解码并生成图片
if (imgStr == null)
//图像数据为空
return null;
BASE64Decoder decoder = new BASE64Decoder();
//图片的输出流
OutputStream imageOut = null;
try {
//Base64解码
byte[] b = decoder.decodeBuffer(imgStr);
for (int i = 0; i < b.length; ++i) {
if (b[i] < 0) {
//调整异常数据
b[i] += 256;
}
}
//先判断目录是否存在
File dir = new File(fileDir);
if (!dir.exists()) {
dir.mkdirs();
}
//如果文件不存在,则保存。如果存在则跳过?
String realFilePath = fileDir + File.separator + fileName;
File file = new File(realFilePath);
if (!file.exists()) {
//1.创建文件,作为图片的外壳;
file.createNewFile();
imageOut = new FileOutputStream(file);
imageOut.write(b);
imageOut.flush();
imageOut.close();
return file;
}
return file;
} catch (Exception e) {
e.printStackTrace();
return null;
}
}
//图片转化成base64字符串
//imgFile:文件路径
public static String GetImageStr(String imgFilePath) {
//将图片文件转化为字节数组字符串,并对其进行Base64编码处理
InputStream in = null;
byte[] data = null;
//读取图片字节数组
try {
in = new FileInputStream(imgFilePath);
data = new byte[in.available()];
in.read(data);
in.close();
} catch (IOException e) {
e.printStackTrace();
}
//对字节数组Base64编码
BASE64Encoder encoder = new BASE64Encoder();
return encoder.encode(data);//返回Base64编码过的字节数组字符串
}
}
这个用的最多的地方就是前段传到后台处理图片视频数据的时候,或者后端传到前段防止被爬的时候会用到。具体用处还有非常多,自己可以去摸索。
3.通过第三方服务实现
这种方式效率快,实用性高,而且还方便 简直奥利给!我觉得就是这种方式的出现 然后给大家上网的流畅度提高了很多。但是话说回来,实用是实用,就是费钱-_-
如果我们是通过第三方服务去存储视频和图片 可以去尝试放在这些上面(oss,obs,七牛等等)。如果你配置好相关的东西后,你可以通过一个url访问你的图片或者视频。这里我们就拿oss举例
首先你要创建一个oss账号,一般这个账号通过支付宝就可以创建。OSS登录注册链接
这里我们用到的是 对象存储OSS服务 你要去创建一个Bucket仓库 用来存储你的照片。
创建好之后 进去你的bucket,我这里是wjb-edu。进去之后可以上传文件,对图片的管理等等
上传完图片后
然后如果要使用Java代码去连接oss,需要导入OSS JDK 然后再yaml中配置秘钥即可。
<!-- aliyun oss -->
<dependency>
<groupId>com.aliyun.oss</groupId>
<artifactId>aliyun-sdk-oss</artifactId>
<version>2.2.1</version>
</dependency>
oss:
ossaddress: oss-cn-hangzhou.aliyuncs.com(你的OSS服务器地址)
accessKeyId: 你的ID
accessKeySecret: 你的密码
bucketName: 你的bucket名称 --》跟服务器地址拼在一起就是你的访问地址
filePath: images/ 你的存储文件地址
然后需要再创建一个实体类 读取对应的配置
@Component
@ConfigurationProperties(prefix = "oss")
@Data
public class OssProperties {
private String ossaddress;
private String accessKeyId;
private String accessKeySecret;
private String bucketName;
private String filePath;
}
最后使用工具类实现上传下载等操作
@Component
@SLF4J
public class OSSUtil {
@Autowired
OssProperties ossProperties;
/**
* 获取阿里云OSS客户端对象
* */
public OSSClient getOSSClient(){
return new OSSClient(ossProperties.getOssAddress,ossProperties.getAccessKeyId(), ossProperties.getAccessKeySecret());
}
/**
* 新建Bucket --Bucket权限:私有
* @param bucketName bucket名称
* @return true 新建Bucket成功
* */
public boolean createBucket(OSSClient client, String bucketName){
Bucket bucket = client.createBucket(bucketName);
return bucketName.equals(bucket.getName());
}
/**
* 删除Bucket
* @param bucketName bucket名称
* */
public void deleteBucket(OSSClient client, String bucketName){
client.deleteBucket(bucketName);
}
/**
* 向阿里云的OSS存储中存储文件 --file也可以用InputStream替代
* @param client OSS客户端
* @param file 上传文件
* @return String 唯一MD5数字签名
* */
public String uploadObject2OSS(OSSClient client, File file) {
String resultStr = null;
try {
InputStream is = new FileInputStream(file);
String fileName = file.getName();
Long fileSize = file.length();
//创建上传Object的Metadata
ObjectMetadata metadata = new ObjectMetadata();
metadata.setContentLength(is.available());
//防止跨域
metadata.setHeader("Access-Control-Allow-Origin","*");
metadata.setHeader("Access-Control-Allow-Methods","POST GET HEAD PUT DELETE");
metadata.setHeader("Access-Control-Max-Age","3600");
metadata.setCacheControl("no-cache");
metadata.setHeader("Pragma", "no-cache");
metadata.setContentEncoding("utf-8");
metadata.setContentType(getContentType(fileName));
metadata.setContentDisposition("filename/filesize=" + fileName + "/" + fileSize + "Byte.");
//上传文件
PutObjectResult putResult = client.putObject(ossProperties.getBucketName(), ossProperties.getFilePath() + fileName, is, metadata);
//解析结果
resultStr = putResult.getETag();
is.close();
} catch (Exception e) {
LOG.error("上传阿里云OSS服务器异常." + e.getMessage(), e);
}
return resultStr;
}
/**
* 根据key获取OSS服务器上的文件输入流
* @param client OSS客户端
* @param bucketName bucket名称
* @param diskName 文件路径
* @param key Bucket下的文件的路径名+文件名
*/
public InputStream getOSS2InputStream(OSSClient client, String bucketName, String filePath, String key){
OSSObject ossObj = client.getObject(bucketName, filePath + key);
return ossObj.getObjectContent();
}
/**
* 根据key删除OSS服务器上的文件
* @param client OSS客户端
* @param bucketName bucket名称
* @param diskName 文件路径
* @param key Bucket下的文件的路径名+文件名
*/
public void deleteFile(OSSClient client, String bucketName, String filePath, String key){
client.deleteObject(bucketName, filePath+ key);
LOG.info("删除" + bucketName + "下的文件" + diskName + key + "成功");
}
/**
* 通过文件名判断并获取OSS服务文件上传时文件的contentType
* @param fileName 文件名
* @return 文件的contentType
*/
public final String getContentType(String fileName){
String fileExtension = fileName.substring(fileName.lastIndexOf(".")+1);
if("bmp".equalsIgnoreCase(fileExtension)) return "image/bmp";
if("gif".equalsIgnoreCase(fileExtension)) return "image/gif";
if("jpeg".equalsIgnoreCase(fileExtension) || "jpg".equalsIgnoreCase(fileExtension) ) return "image/jpeg";
if("png".equalsIgnoreCase(fileExtension)) return "image/png";
if("html".equalsIgnoreCase(fileExtension)) return "text/html";
if("txt".equalsIgnoreCase(fileExtension)) return "text/plain";
if("vsd".equalsIgnoreCase(fileExtension)) return "application/vnd.visio";
if("ppt".equalsIgnoreCase(fileExtension) || "pptx".equalsIgnoreCase(fileExtension)) return "application/vnd.ms-powerpoint";
if("doc".equalsIgnoreCase(fileExtension) || "docx".equalsIgnoreCase(fileExtension)) return "application/msword";
if("xml".equalsIgnoreCase(fileExtension)) return "text/xml";
return "text/html";
}
/**
* 销毁
*/
public void destory(OSSClient client) {
client.shutdown();
}
}
最后可以根据自己的需求去完成对应的接口。