input框：
<input id="input-repl-3a" name="videoFileAddress" type="file" accept="mp4,avi,dat,3gp,mov,rmvb" />
导入css文件：
<link href="/static/bootstrap-fileinput-4.4.8/css/fileinput.min.css" rel="stylesheet" /><link href="/static/bootstrap-fileinput-4.4.8/css/fileinput-rtl.min.css" rel="stylesheet" />
js文件：
<script src="/static/bootstrap-fileinput-4.4.8/js/fileinput.min.js"></script><script src="/static/bootstrap-fileinput-4.4.8/js/zh.js"></script>
javascript：
<script th:inline="javascript">
$("#input-repl-3a").fileinput({ ???????dropZoneTitle : "请上传小于150M的视频！", ???????uploadUrl : "saveVideoAddress", ???????language : "zh", ???????autoReplace : true, ???????showCaption : false, ???????showUpload : true, ???????overwriteInitial : true, ???????showUploadedThumbs : true, ???????//showPreview:false, ??????????????????//显示上传图片的大小信息 ???????maxFileCount : 1, ???????minFileCount:1, ???????maxFileSize : 153600,//文件最大153600kb=150M ????????initialPreviewShowDelete : false, ???????showRemove : false,//是否显示删除按钮 ???????showClose : false, ???????layoutTemplates : { ???????????actionUpload:‘‘, ???????}, ????????allowedFileExtensions : [ "mp4","avi","dat","3gp","mov","rmvb"], ???????previewSettings : { ???????????image : { ???????????????width : "100%", ???????????????height : "100%" ???????????}, ???????} ???});</script>
视频上传到ftp服务器：
public ModelMap saveVideoAddress(@RequestParam("videoFileAddress") MultipartFile videoFileAddress, ???????????HttpServletRequest request, HttpServletResponse response) { ???????ModelMap map = new ModelMap(); ???????String paFileName = videoFileAddress.getOriginalFilename(); ???????try { ???????????FtpUtil ftpUtil = new FtpUtil(); ???????????FTPClient ftp = ftpUtil.getConnectionFTP(UploadFileUrlUtil.HOST_NAEM, UploadFileUrlUtil.PORT, ???????????????????UploadFileUrlUtil.USER_NAME, UploadFileUrlUtil.PASSWORD); ???????????String filename = FtpUtil.getFileName(videoFileAddress); ???????????boolean bool = ftpUtil.uploadFile(ftp,UploadFileUrlUtil.GetPath(UploadFileUrlUtil.VIDEO_PATH) , filename, ???????????????????videoFileAddress.getInputStream()); ???????????if (bool) { ???????????????String url =UploadFileUrlUtil.GetPath(UploadFileUrlUtil.VIDEO_PATH) ?+ filename; ???????????????map.put("videoAddress", url); ???????????????map.put("videoName", paFileName); ???????????????System.out.println("上传成功！"); ???????????????boolean boolClose = ftpUtil.closeFTP(ftp); ???????????????if (boolClose) { ???????????????????System.out.println("关闭ftp连接成功！"); ???????????????} else { ???????????????????System.out.println("关闭ftp连接失败！"); ???????????????} ???????????} else { ???????????????System.out.println("上传失败！"); ???????????} ???????} catch (Exception e1) { ???????????// TODO Auto-generated catch block ???????????e1.printStackTrace(); ???????} ???????return ReturnUtil.Success("加载成功", map, null);}远程服务器的配置信息：
public class UploadFileUrlUtil { ?// ???远程服务器的配置信息 ???public final static String HOST_NAEM="127.0.0.1"; ???public final static Integer PORT=21; ???public final static String USER_NAME="123456"; ???//ftpuser ???public final static String PASSWORD="123456"; ???public final static int LOCALHOST= 8080; ???????public final static String BIG_PATH="/upload/picture/big/"; ?//主图路径 ???public final static String SMALL_PATH="/upload/picture/small/"; ?//副图的路径 ???public final static String VIDEO_PATH="/upload/picture/video/"; ?//视频的路径 ???public final static String HOST= "http://192.168.0.140:8080";// 上传的端口 ???????public static String GetPath(String path) { ???????SimpleDateFormat sdf = new SimpleDateFormat("yyyyMMdd"); ???????String date=sdf.format(new Date()); ???????return path+date+"/"; ???}}视频上传的js文件下载链接： https://pan.baidu.com/s/1zwfJB00oKplfZIImLN6BWw 密码: atb6
视频上传
原文地址：https://www.cnblogs.com/ajya/p/9487831.html