技术背景
 
Vue + axios + element-ui
 
问题的产生
 
一个美好的周五，我正在愉快地打着代码，突然收到一封来自产品的神秘消息，线上活动出 BUG 了！呐尼！怎么可能！一定是你的打开方式不对！打开消息截图，线上的一个聊天室背景突然变成了另一张毫无关联的图(一个大大的太阳)，我一看，这不是我刚刚上传的一个图嘛！为什么跑到那里去了！
 
问题定位
 
我们所有的静态资源(比如图片)都会上传到一个服务器上，在活动中访问时会统一访问静态资源服务器，而静态资源上传时并没有处理重名问题！！！接口侧仅仅是在前面加了一个4位数的随机数，也就是说，当同名图片超过 10000 张时，百分百会有图片被覆盖！！没错是直接覆盖而不是报错！即使不到10000张，同名数量越多，被覆盖概率也就越高。
 
开始甩锅
 
遇到问题不用慌！只要锅甩的好，一切问题都不是问题！我直接找到后台负责人，描述了一下情况，只见他云淡风轻地说了一句：这不是我的 KPI 。？？？我 ** 你个 xx，男人都是大猪蹄子！靠别人是不行了，只能靠自己，还是自己搞一下吧。
 
尝试偷懒
 
element-ui 屹立这么多年，我相信它一定能够完成修改文件名的重任，于是满怀期待地打开官方文档，很好！不支持！现在是周五晚上六点半，很好，注定又不能好好吃饭了！
 
拦截文件上传
 
文件对象(file)是不能直接修改文件名的，file.name 是只读属性，如果你强行赋值，会直接报错，所以只能拦截掉 element-ui -> uploader 的默认上传行为，改为自己上传。下面为核心 HTML 代码，主要是利用 before-upload 事件来阻止上传
 
beforeUpload 代码：既然 file.name 是只读属性，那就只能新建一个 file 对象了。你不仁，就不要怪我不义了！新建的文件名为时间戳 + 原文件名。
 
beforeUpload(file) {
 
const timeStamp = new Date() - 0
 
const copyFile = new File([file], `${timeStamp}_${file.name}`)
 
this.uploadFile(copyFile)
 
return false
 
}
 
uploadFile 代码：构建一个 FormData 对象，仅此而已！
 
uploadFile(file) {
 
const formdata = new FormData()
 
formdata.append('lbf-file-upload', file)
 
formdata.append('name', 'lbf-file-upload')
 
formdata.append('_csrfToken', this.$ajax.getCsrfToken()._csrfToken)
 
this.postForm(formdata)
 
}
 
postForm 代码：利用 axios 库上传到服务器。
 
postForm(formdata) {
 
this.$ajax.post('/xxx/ajax/general/file/files', formdata).then(res => {
 
if (res.code == null || res.code === 0) {
 
// do something
 
} else {
 
this.$message.error(res.msg || res.message || '文件上传失败')
 
}
 
}).catch((err) => {
 
this.$message.error(err.message || '文件上传失败')
 
})
 
}
 
就此搞定！以后所有的文件上传都将自动带上时间戳前缀，后台4位随机数机制 + 时间戳 + 文件名，要再想覆盖，简直难如程序员找女朋友！
 
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。
 
时间： 2019-11-03

 
Apache FTP 是应用比较广泛的FTP上传客户端工具，它易于操作，代码简略，结构清晰，是做FTP文件客户端管理软件的优先之选。FTP的操作包括：FTP文件上传(断点续传)、FTP文件下载、FTP文件重命名、FTP文件删除，这些操作已经将FTP应用管理的方式发挥的淋漓尽致了，So 我一直都用此种方式来实现FTP文件服务器的管理工作；下附FTP工具代码。
 
1、FTP文件操作状态枚举类
 
package com.scengine.wtms.utils.ftp;
 
public enum FTPStatus
 
{
 
File_Exits(0), Create_Directory_Success(1), Create_Directory_Fail(2), Upload_From_Break_Success(3), Upload_From_Break_Faild(4), Download_From_Break_Success(5), Download_From_Break_Faild(6), Upload_New_File_Success(7), Upload_New_File_Failed(8), Delete_Remote_Success(9), Delete_Remote_Faild(10),Remote_Bigger_Local(11),Remote_smaller_local(12),Not_Exist_File(13),Remote_Rename_Success(14),Remote_Rename_Faild(15),File_Not_Unique(16);
 
private int status;
 
public int getStatus()
 
{
 
return status;
 
}
 
public void setStatus(int status)
 
{
 
this.status = status;
 
}
 
FTPStatus(int status)
 
{
 
this.status = status;
 
}
 
}
 
2、FTP文件操作工具代码
 
package com.scengine.wtms.utils.ftp;
 
import java.io.File;
 
import java.io.FileInputStream;
 
import java.io.FileOutputStream;
 
import java.io.IOException;
 
import java.io.InputStream;
 
import java.io.OutputStream;
 
import java.io.PrintWriter;
 
import javax.servlet.http.HttpServletResponse;
 
import org.apache.commons.net.PrintCommandListener;
 
import org.apache.commons.net.ftp.FTP;
 
import org.apache.commons.net.ftp.FTPClient;
 
import org.apache.commons.net.ftp.FTPFile;
 
import org.apache.commons.net.ftp.FTPReply;
 
import com.scengine.wtms.utils.Log;
 
public class FTPUtils
 
{
 
private FTPClient ftpClient = new FTPClient();
 
/**
 
* 对象构造 设置将过程中使用到的命令输出到控制台
 
*/
 
public FTPUtils()
 
{
 
this.ftpClient.addProtocolCommandListener(new PrintCommandListener(new PrintWriter(System.out)));
 
}
 
/**
 
*
 
* java编程中用于连接到FTP服务器
 
*
 
* @param hostname
 
* 主机名
 
*
 
* @param port
 
* 端口
 
*
 
* @param username
 
* 用户名
 
*
 
* @param password
 
* 密码
 
*
 
* @return 是否连接成功
 
*
 
* @throws IOException
 
*/
 
public boolean connect(String hostname, int port, String username, String password) throws IOException
 
{
 
ftpClient.connect(hostname, port);
 
if (FTPReply.isPositiveCompletion(ftpClient.getReplyCode()))
 
{
 
if (ftpClient.login(username, password))
 
{
 
return true;
 
}
 
}
 
disconnect();
 
return false;
 
}
 
/**
 
* 删除远程FTP文件
 
*
 
* @param remote
 
* 远程文件路径
 
* @return
 
* @throws IOException
 
*/
 
public FTPStatus delete(String remote) throws IOException
 
{
 
ftpClient.enterLocalPassiveMode();
 
ftpClient.setFileType(FTP.BINARY_FILE_TYPE);
 
FTPStatus result = null;
 
FTPFile[] files = ftpClient.listFiles(remote);
 
if (files.length == 1)
 
{
 
boolean status = ftpClient.deleteFile(remote);
 
result = status ? FTPStatus.Delete_Remote_Success : FTPStatus.Delete_Remote_Faild;
 
}
 
else
 
{
 
result = FTPStatus.Not_Exist_File;
 
}
 
Log.getLogger(this.getClass()).info("FTP服务器文件删除标识："+result);
 
return result;
 
}
 
/**
 
* 重命名远程FTP文件
 
*
 
* @param name
 
* 新远程文件名称(路径-必须保证在同一路径下)
 
*
 
* @param remote
 
* 远程文件路径
 
*
 
* @return 是否成功
 
*
 
* @throws IOException
 
*/
 
public FTPStatus rename(String name,String remote) throws IOException
 
{
 
ftpClient.enterLocalPassiveMode();
 
ftpClient.setFileType(FTP.BINARY_FILE_TYPE);
 
FTPStatus result = null;
 
FTPFile[] files = ftpClient.listFiles(remote);
 
if (files.length == 1)
 
{
 
boolean status = ftpClient.rename(remote, name);
 
result = status ? FTPStatus.Remote_Rename_Success : FTPStatus.Remote_Rename_Faild;
 
}
 
else
 
{
 
result = FTPStatus.Not_Exist_File;
 
}
 
Log.getLogger(this.getClass()).info("FTP服务器文件名更新标识："+result);
 
return result;
 
}
 
/**
 
*
 
* 从FTP服务器上下载文件
 
*
 
* @param fileName
 
* 下载文件的名字(包括后缀名)
 
*
 
* @param remote
 
* 远程文件路径
 
*
 
* @param local
 
* 本地文件路径
 
*
 
* @return 是否成功
 
*
 
* @throws IOException
 
*/
 
public FTPStatus download(String fileName,String remote,HttpServletResponse response) throws IOException
 
{
 
// 开启输出流弹出文件保存路径选择窗口
 
response.setContentType("application/octet-stream");
 
response.setContentType("application/OCTET-STREAM;charset=UTF-8");
 
response.setHeader("Content-Disposition", "attachment;filename=" +fileName);
 
ftpClient.enterLocalPassiveMode();
 
ftpClient.setFileType(FTP.BINARY_FILE_TYPE);
 
FTPStatus result;
 
OutputStream out = response.getOutputStream();
 
boolean status = ftpClient.retrieveFile(remote, out);
 
result=status?FTPStatus.Download_From_Break_Success:FTPStatus.Download_From_Break_Faild;
 
Log.getLogger(this.getClass()).info("FTP服务器文件下载标识："+result);
 
out.close();
 
return result;
 
}
 
/**
 
*
 
* 从FTP服务器上下载文件
 
*
 
* @param remote
 
* 远程文件路径
 
*
 
* @param local
 
* 本地文件路径
 
*
 
* @return 是否成功
 
*
 
* @throws IOException
 
*/
 
@SuppressWarnings("resource")
 
public FTPStatus download(String remote, String local) throws IOException
 
{
 
ftpClient.enterLocalPassiveMode();
 
ftpClient.setFileType(FTP.BINARY_FILE_TYPE);
 
FTPStatus result;
 
File f = new File(local);
 
FTPFile[] files = ftpClient.listFiles(remote);
 
if (files.length != 1)
 
{
 
Log.getLogger(this.getClass()).info("远程文件不唯一");
 
return FTPStatus.File_Not_Unique;
 
}
 
long lRemoteSize = files[0].getSize();
 
if (f.exists())
 
{
 
OutputStream out = new FileOutputStream(f, true);
 
Log.getLogger(this.getClass()).info("本地文件大小为:" + f.length());
 
if (f.length() >= lRemoteSize)
 
{
 
Log.getLogger(this.getClass()).info("本地文件大小大于远程文件大小，下载中止");
 
return FTPStatus.Remote_smaller_local;
 
}
 
ftpClient.setRestartOffset(f.length());
 
boolean status = ftpClient.retrieveFile(remote, out);
 
result=status?FTPStatus.Download_From_Break_Success:FTPStatus.Download_From_Break_Faild;
 
out.close();
 
} else
 
{
 
OutputStream out = new FileOutputStream(f);
 
boolean status = ftpClient.retrieveFile(remote, out);
 
result=status?FTPStatus.Download_From_Break_Success:FTPStatus.Download_From_Break_Faild;
 
out.close();
 
}
 
return result;
 
}
 
/**
 
*
 
* 上传文件到FTP服务器，支持断点续传
 
*
 
* @param local
 
* 本地文件名称，绝对路径
 
*
 
* @param remote
 
* 远程文件路径，使用/home/directory1/subdirectory/file.ext
 
* 按照Linux上的路径指定方式，支持多级目录嵌套，支持递归创建不存在的目录结构
 
*
 
* @return 上传结果
 
*
 
* @throws IOException
 
*/
 
@SuppressWarnings("resource")
 
public FTPStatus upload(String local, String remote) throws IOException
 
{
 
// 设置PassiveMode传输
 
ftpClient.enterLocalPassiveMode();
 
// 设置以二进制流的方式传输
 
ftpClient.setFileType(FTP.BINARY_FILE_TYPE);
 
FTPStatus result;
 
// 对远程目录的处理
 
String remoteFileName = remote;
 
if (remote.contains("/"))
 
{
 
remoteFileName = remote.substring(remote.lastIndexOf("/") + 1);
 
String directory = remote.substring(0, remote.lastIndexOf("/") + 1);
 
if (!directory.equalsIgnoreCase("/") && !ftpClient.changeWorkingDirectory(directory))
 
{
 
// 如果远程目录不存在，则递归创建远程服务器目录
 
int start = 0;
 
int end = 0;
 
if (directory.startsWith("/"))
 
{
 
start = 1;
 
} else
 
{
 
start = 0;
 
}
 
end = directory.indexOf("/", start);
 
while (true)
 
{
 
String subDirectory = remote.substring(start, end);
 
if (!ftpClient.changeWorkingDirectory(subDirectory))
 
{
 
if (ftpClient.makeDirectory(subDirectory))
 
{
 
ftpClient.changeWorkingDirectory(subDirectory);
 
} else
 
{
 
Log.getLogger(this.getClass()).info("创建目录失败");
 
return FTPStatus.Create_Directory_Fail;
 
}
 
}
 
start = end + 1;
 
end = directory.indexOf("/", start);
 
// 检查所有目录是否创建完毕
 
if (end <= start)
 
{
 
break;
 
}
 
}
 
}
 
}
 
// 检查远程是否存在文件
 
FTPFile[] files = ftpClient.listFiles(remoteFileName);
 
if (files.length == 1)
 
{
 
long remoteSize = files[0].getSize();
 
File f = new File(local);
 
long localSize = f.length();
 
if (remoteSize == localSize)
 
{
 
return FTPStatus.File_Exits;
 
} else if (remoteSize > localSize)
 
{
 
return FTPStatus.Remote_Bigger_Local;
 
}
 
// 尝试移动文件内读取指针,实现断点续传
 
InputStream is = new FileInputStream(f);
 
if (is.skip(remoteSize) == remoteSize)
 
{
 
ftpClient.setRestartOffset(remoteSize);
 
if (ftpClient.storeFile(remote, is))
 
{
 
return FTPStatus.Upload_From_Break_Success;
 
}
 
}
 
// 如果断点续传没有成功，则删除服务器上文件，重新上传
 
if (!ftpClient.deleteFile(remoteFileName))
 
{
 
return FTPStatus.Delete_Remote_Faild;
 
}
 
is = new FileInputStream(f);
 
if (ftpClient.storeFile(remote, is))
 
{
 
result = FTPStatus.Upload_New_File_Success;
 
} else
 
{
 
result = FTPStatus.Upload_New_File_Failed;
 
}
 
is.close();
 
} else
 
{
 
InputStream is = new FileInputStream(local);
 
if (ftpClient.storeFile(remoteFileName, is))
 
{
 
result = FTPStatus.Upload_New_File_Success;
 
} else
 
{
 
result = FTPStatus.Upload_New_File_Failed;
 
}
 
is.close();
 
}
 
return result;
 
}
 
/**
 
*
 
* 断开与远程服务器的连接
 
*
 
* @throws IOException
 
*/
 
public void disconnect() throws IOException
 
{
 
if (ftpClient.isConnected())
 
{
 
ftpClient.disconnect();
 
}
 
}
 
public static void main(String[] args)
 
{
 
FTPUtils myFtp = new FTPUtils();
 
try
 
{
 
myFtp.connect("192.168.1.200", 21, "duser", "HTPDuserXP32");
 
Log.getLogger(FTPUtils.class).info(myFtp.upload("C:\\Users\\Administrator\\Desktop\\swing.drawer.jar", "/jars/swing.drawer.jar"));
 
myFtp.disconnect();
 
} catch (IOException e)
 
{
 
Log.getLogger(FTPUtils.class).info("FTP上传文件异常：" + e.getMessage());
 
}
 
}
 
}
 
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

 

 
Linux 用户在命令行上遇到的常见问题之一是定位具有特定名称的文件，如果你知道确定的文件名则可能会容易得假设你忘记了白天早些时候创建的文件的名称(在你包含了数百个文件的 home 文件夹中)，但现在你有急用。 下面用不同的方式只列出所有你今天创建或修改的文件(直接或间接)。
 
-- Aaron Kili
 
本文导航-1、 使用 ls 命令，只列出你的 home 文件夹中今天的文件。13%
 
-2、 另外，使用 find 命令会更灵活，并且提供比 ls 更多的选项，可以实现相同的目的。33%编译自： http://www.tecmint.com/find-recent-modified-files-in-linux/
 
作者： Aaron Kili
 
译者： geekpi
 
在本文中，我们将解释两个简单的命令行小技巧，它可以帮你只列出所有的今天的文件。
 
Linux 用户在命令行上遇到的常见问题之一是定位具有特定名称的文件[1]，如果你知道确定的文件名则可能会容易得多。
 
不过，假设你忘记了白天早些时候创建的文件的名称(在你包含了数百个文件的 home文件夹中)，但现在你有急用。
 
下面用不同的方式只列出所有你今天创建或修改的文件[2](直接或间接)。
 
1、 使用 ls 命令，只列出你的 home 文件夹中今天的文件。# ls -al --time-style=+%D | grep 'date +%D'
 
其中：-a- 列出所有文件，包括隐藏文件
 
-l- 启用长列表格式
 
--time-style=FORMAT- 显示指定 FORMAT 的时间
 
+％D- 以％m/％d/％y(月/日/年)格式显示或使用日期
 

 
在Linux中找出最近的文件
 
此外，你使用可以 -X标志来按字母顺序对结果排序[3]：# ls -alX --time-style=+%D | grep 'date +%D'
 
你也可以使用 -S标志来基于大小(由大到小)来排序：# ls -alS --time-style=+%D | grep 'date +%D'
 
2、 另外，使用 find 命令会更灵活，并且提供比 ls更多的选项，可以实现相同的目的。-maxdepth级别用于指定在搜索操作的起点下(在这个情况下为当前目录)的搜索层级(子目录层级数)。
 
-newerXY，用于所寻找的文件的时间戳X比参照文件的时间戳Y更新一些的文件。X和Y表示以下任何字母： -a- 参照文件的访问时间 -B- 参照文件的创建时间 -c- 参照文件的 inode 状态改变时间 -m- 参照文件的修改时间 -t- 直接指定一个绝对时间
 
下面的命令意思是只找出 2016-12-06 这一天修改的文件：# find . -maxdepth 1 -newermt "2016-12-06"
 

 
在 Linux 中找出今天的文件
 
重要：在上面的 find 命令[4]中使用正确的日期格式作为参照时间，一旦你使用了错误的格式，你会得到如下错误：# find . -maxdepth 1 -newermt "12-06-2016"
 
find: I cannot figure out how to interpret '12-06-2016' as a date or time
 
或者，使用下面的正确格式：# find . -maxdepth 1 -newermt "12/06/2016"
 
或者
 
# find . -maxdepth 1 -newermt "12/06/16"
 

 
在 Linux 中找出今天修改的文件
 
你可以在我们的下面一系列文章中获得 ls和find命令的更多使用信息。
 
在本文中，我们解释了如何使用 ls 和 find 命令帮助只列出今天的文件。 请使用以下反馈栏向我们发送有关该主题的任何问题或意见。 你也可以提醒我们其他可以用于这个目的的命令。
 
作者简介：Aaron Kili是一名 Linux 和 F.O.S.S 的爱好者，未来的 Linux 系统管理员、网站开发人员，目前是 TecMint 的内容创作者，他喜欢用电脑工作，并乐于分享知识。
 
作者：Aaron Kili[9] 译者：geekpi校对：jasminepeng
 
本文由 LCTT[10] 原创编译，Linux中国荣誉推出
 
推荐文章

我们都知道input中file的name的属性是只读的，要修改名称，需要把file的name属性设置为可写，具体实现如下：
 
<input type="file" id="files" readonly="readonly" onchange="fileUpload()" />
 
function fileUpload(){
    let $files = $("files");
    if(files.length > 0){
        let form = new FormData();
        let names = files[0].name.split(".");
        Object.defineProperty(files[0],'name',{
			writable:true,//设置属性为可写
		})
		files[0].name = "指定文件名." + names[names.length-1];
        form.append('file', files[0],files[0].name);
        ... //上传方法
    }
}