在我的项目中,当我将鼠标悬停在正在上传的文件上时,我需要访问正在上传的文件的完整路径并显示为工具提示。
在下图中,您可以看到仅显示文件名而不显示其完整路径的工具提示。
我无法在客户端或服务器端获取文件路径。是否可以在任何客户端事件中获取文件路径?
在我的项目中,当我将鼠标悬停在正在上传的文件上时,我需要访问正在上传的文件的完整路径并显示为工具提示。
在下图中,您可以看到仅显示文件名而不显示其完整路径的工具提示。
我无法在客户端或服务器端获取文件路径。是否可以在任何客户端事件中获取文件路径?
这可以通过 onSelect 方法完成。
function onSelect() {
var files = arguments[0].files;
if (files && files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
var src = e.target.result;
var alt = files[0].name);
//This is where the magic happens
};
reader.readAsDataURL(files[0].rawFile);
}
}
此示例代码用于单个文件上传。
src 将是 Base64,可用作 img 标签的 src。