在不使用vue/javascript中的event.target的情况下显示上传的压缩文件名称,可以通过以下步骤实现:
<input type="file" id="fileInput" onchange="displayFileName()" />
displayFileName()
来获取上传文件的名称并显示:function displayFileName() {
var fileInput = document.getElementById("fileInput");
var fileName = fileInput.files[0].name;
console.log(fileName); // 在控制台输出文件名
// 或者根据需求将文件名显示在页面的某个元素中
}
document.getElementById("fileInput")
获取到input元素的引用,然后通过.files[0]
来获取到上传的文件对象,再通过.name
获取到文件名。这种方法适用于纯粹的JavaScript开发,不需要依赖Vue或其他前端框架。它允许用户选择文件,并在选择完成后立即获取到文件名并进行相应处理。
腾讯云相关产品推荐:
请注意,以上推荐的腾讯云产品仅供参考,具体选择需根据项目需求和个人偏好进行决策。
领取专属 10元无门槛券
手把手带您无忧上云