解决本地环境图片上传再下载后显示正常，上传至ftp（linux环境）后再下载导致图片失真或格式不支持的问题

前端技术：cropbox.js 图片剪切压缩技术
后台技术：springBoot，ftp服务器
问题描述：1，上传图片至后台 无法获取图片后缀，根据原有设置默认设置jpg ，在windows上运行，上传、下载图片不会出现格式不支持、失真等问题，发布到linux环境后先是img无法展示，后来是图片展示失真

解决思路：
（1）jpg 上传后 图片格式出现错误
经查阅资料发现window环境jpg/png兼容模式，而liunx下并不兼容
cropbox压缩后传到后台无法识别图片格式，所以前端主动提供图片格式给后台
cropper = $(‘.imageBox’).cropbox(options);
$(‘#avatar’).on(‘change’, function() {
var reader = new FileReader();
reader.onload = function(e) {
options.imgSrc = e.target.result;
//根据MIME判断上传的文件是不是图片类型

if((options.imgSrc).indexOf("image/")==-1){

 $.modal.alertWarning("文件格式错误，请上传图片类型,如：JPG，PNG后缀的文件。");

} else {

 if((options.imgSrc).indexOf("image/png")>-1){//这里是关键判断图片的格式

   $("#fileExt").val(".png");

  }else{

   $("#fileExt").val(".jpg");

 }

 cropper = $('.imageBox').cropbox(options);

 }

}

reader.readAsDataURL(this.files[0]);

})

（2）图片下载后失真
经过查阅资料发现window 图片格式默认为BINARY_FILE_TYPE格式，而linux环境不一定是该格式，所以window上传后再下载不会出现问题
因此上传、下载的时候同时添加如下代码ftp.setFileType(FTP.BINARY_FILE_TYPE);
相关资料：
https://blog.csdn.net/qq_35771266/article/details/92075019

代码块如下：
public boolean fileUpload(String path,String filename,InputStream input) {
boolean status=false;
FTPClient ftp=new FTPClient();
try {
ftp.connect(host, port);
ftp.login(username, password);
//设置文件编码格式
ftp.setControlEncoding(“UTF-8”);
//ftp通信有两种模式
//PORT(主动模式)客户端开通一个新端口(>1024)并通过这个端口发送命令或传输数据,期间服务端只使用他开通的一个端口，例如21
//PASV(被动模式)客户端向服务端发送一个PASV命令，服务端开启一个新端口(>1024),并使用这个端口与客户端的21端口传输数据
//由于客户端不可控，防火墙等原因，所以需要由服务端开启端口，需要设置被动模式
ftp.enterLocalPassiveMode();
//设置传输方式为流方式
ftp.setFileTransferMode(FTP.STREAM_TRANSFER_MODE);
ftp.setFileType(FTP.BINARY_FILE_TYPE);
//获取状态码，判断是否连接成功
if(!FTPReply.isPositiveCompletion(ftp.getReplyCode())) {
throw new RuntimeException(“FTP服务器拒绝连接”);
}
//转到上传文件的根目录
if(!ftp.changeWorkingDirectory(basePath)) {
throw new RuntimeException(“根目录不存在，需要创建”);
}
//判断是否存在目录
if(!ftp.changeWorkingDirectory(path)) {
String[] dirs=path.split(“/“);
//创建目录
for (String dir : dirs) {
if(null==dir||””.equals(dir)) continue;
//判断是否存在目录
if(!ftp.changeWorkingDirectory(dir)) {
//不存在则创建
if(!ftp.makeDirectory(dir)) {
throw new RuntimeException(“子目录创建失败”);
}
//进入新创建的目录
ftp.changeWorkingDirectory(dir);
}
}
//设置上传文件的类型为二进制类型
ftp.setFileType(FTP.BINARY_FILE_TYPE);
//上传文件
if(!ftp.storeFile(filename, input)) {
return status;
}
input.close();
ftp.logout();
status=true;
return status;
}else{
//设置上传文件的类型为二进制类型
ftp.setFileType(FTP.BINARY_FILE_TYPE);
//上传文件
if(!ftp.storeFile(filename, input)) {
return status;
}
input.close();
status=true;
return status;
}
} catch (Exception e) {
e.printStackTrace();
throw new RuntimeException(e);
}finally {
if(ftp.isConnected()) {
try {
ftp.disconnect();
return status;
} catch (IOException e) {
throw new RuntimeException(e);
}
}
}