首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

通过javascript获取文档中文件上载的文件名

通过JavaScript获取文档中文件上载的文件名,可以使用以下方法:

  1. 使用HTML5的File API

HTML5的File API提供了一种方法来访问文件,并获取文件的信息。可以使用以下代码获取文件名:

代码语言:javascript
复制
const input = document.querySelector('input[type="file"]');
input.addEventListener('change', (event) => {
  const file = event.target.files[0];
  console.log(file.name);
});

这段代码会在用户选择文件后,输出文件的名称。

  1. 使用FileReader API

FileReader API是一种更早的方法,可以用来读取文件内容。可以使用以下代码获取文件名:

代码语言:javascript
复制
const input = document.querySelector('input[type="file"]');
input.addEventListener('change', (event) => {
  const file = event.target.files[0];
  const reader = new FileReader();
  reader.onload = (event) => {
    console.log(file.name);
  };
  reader.readAsText(file);
});

这段代码会在用户选择文件后,读取文件内容并输出文件名。

总之,可以使用HTML5的File API或FileReader API来获取文档中文件上载的文件名。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • AI视频智能分析平台EasyCVR如何通过接口获取录像文件文件名参数?

    关于AI视频智能分析平台EasyCVR接口相关内容,我们之前也写过很多技术文章,例如《视频协议融合平台人脸识别/车牌识别平台EasyCVR内调用接口二次开发疑难解答》。...EasyCVR接口相关问题,一直是客户比较关心领域,其中涉及到录像文件文件名参数也比较多。 image.png 我们经常收到很多客户咨询,问如何获取录像文件文件名参数?...其实很简单,我们可以通过接口来实现。 在查询设备录像时,借助按日期查询通道录像接口,获取设备录像文件名参数。 image.png 如图所示,通过该接口我们可以获取到设备录像文件名参数。...image.png AI视频智能分析平台EasyCVR平台可以分发出RTMP、RTSP、HLS、HTTP-FLV流,能够覆盖所有终端,满足多行业多场景安防监控需求。...EasyCVR平台能够基于AI智能分析技术做到人脸识别及车牌识别,在线下场景获得更广泛应用。如果大家还想了解更多,欢迎获取测试版本进行测试。

    99620

    Excel: 提取路径文件名

    文章背景:在日常工作,有时需要从绝对路径中提取文件名。比如,已知某个文件存储路径,想要获取最后文件名称。下面介绍两种方法。...A2公式,REPT函数将空格复制99次。...A2公式,SUBSTITUTE函数将字符串斜杆\替换成99个空格。...思路分析:针对文件路径,先用99个空格替换掉路径斜杆\;再从字符串右侧起,获取99个字符(新字符串),此时,新字符串内既有文件名,也有空格;最后,通过trim函数,移除首尾空格,从而得到所需要文件名...思路分析:针对文件路径,使用Split函数,基于斜杆/,将路径分割成各个小块,保存在一个数组内;然后通过Ubound函数,获取数组最后一个索引号,从而将文件名提取出来。

    2.6K20

    如何在 Go 函数获取调用者函数名、文件名、行号...

    如果让我们用 Go 设计一个Log Facade,就需要我们自己在门面里获取调用者函数名、文件位置了,那么在Go里面怎么实现这个功能呢?...//获取是 CallerA函数调用者调用栈 pc1, file1, lineNo1, ok1 := runtime.Caller(1) } 函数返回值为调用栈标识符、带路径完整文件名...、该调用在文件行号。...获取调用者函数名 runtime.Caller 返回值第一个返回值是一个调用栈标识,通过它我们能拿到调用栈函数信息 *runtime.Func,再进一步获取到调用者函数名字,这里面会用到函数和方法如下...总结 今天介绍了通过 runtime.Caller 回溯调用栈获取调用者信息方法,虽然强大,不过频繁获取这个信息也是会对程序性能有影响。

    6.5K20

    js获取input上传文件文件名和扩展名方法

    使用 js 可以获取 input 上传文件文件名和扩展名,这里我整理一下具体方法: 1. 使用原生JS获取: CSS代码:给 div 一个内边距,按钮设置样式。...'mybtn');     var div = document.getElementById('div');     mybtn.onclick = function () {         //获取文件上传文件文件名和扩展名...;         } else {             //获取上传文件文件名             div.innerHTML= div.innerHTML+'文件名:' + myfile.files[0].name + '';             //获取上传文件扩展名             var filevalue...声明:本文由w3h5原创,转载请注明出处:《js获取input上传文件文件名和扩展名方法》 https://www.w3h5.com/post/89.html

    13.4K00

    python 获取当前目录下文件目录和文件名实例代码详解

    输出格式为:   当前文件目录路径   当前路径下子文件目录(若存在, 不存在则为 [] )   当前路径下非目录子文件(仅为子文件文件名)     子文件1路径     子文件1下文件目录     ...子文件1下非目录子文件     子文件2路径     子文件2下文件目录     子文件2下非目录子文件 # -*- coding: utf-8 -*- import os def...'.jpeg': L.append(os.path.join(root, file)) return L #其中os.path.splitext()函数将路径拆分为文件名...知识点补充:利用python获取当前目录名称和获取指定目录下子目录和文件名称 import os #获取当前目录名称 print(os.getcwd()) #获取指定目录下子目录和文件名称 path...(root,name)) 到此这篇关于python 获取当前目录下文件目录和文件名实例代码详解文章就介绍到这了,更多相关python获取当前目录文件目录和文件名内容请搜索ZaLou.Cn以前文章或继续浏览下面的相关文章希望大家以后多多支持

    5.1K10

    Python读取文件所有Excel文件名

    【知识点一】 Python os.walk() 方法 概述 os.walk() 方法用于通过在目录树中游走输出在目录文件名,向上或者向下。...os.walk() 方法是一个简单易用文件、目录遍历器,可以帮助我们高效处理文件、目录方面的事情。...root 所指的是当前正在遍历这个文件本身地址 dirs 是一个 list ,内容是该文件夹中所有的目录名字(不包括子目录) files 同样是 list , 内容是该文件夹中所有的文件(不包括子目录...如果 topdown 参数为 True,walk 会遍历top文件夹,与top 文件每一个子目录。 onerror -- 可选,需要一个callable 对象,当 walk 需要异常时,会调用。...os.listdir() 方法用于返回指定文件夹包含文件文件名字列表。这个列表以字母顺序。它不包括 '.' 和'..' 即使它在文件

    6.8K10

    SAS获取某目录下所有指定类型文件名

    今天看到一个群友提一个问题:SAS如何简单地获取某一目录下所有指定类型文件名称并赋值为宏变量?...用常规方法可能要20多行代码,如果用FILENAME PIPE只需要9行代码就可以轻松解决,语法如下: FILENAME fileref PIPE 'UNIX-command' ;filerefis...以获取程序所在目录下所有TXT文件名为例,实现代码如下: filename filelst pipe "ls ./*.txt | sed -e 's#.*/##; s#\..*$##' | paste...*$##是用来去掉文件后缀;命令paste,顾名思义就是将几个文件连接起来;选项-s作用是将每个文件作为一个处理单元;选项-d作用是用来设定间隔符。....*$##' | awk 'ORS=""|""'"; 不过这个命令有一个小问题,就是在最后会多出一个间隔符,需要在后续DATA步处理一下。

    4.7K20

    SHELL技巧:处理文件名那些空格

    但是这种命名方式给Linux命令行工具和Shell带来了困扰,因为大多数命令,都是默认以空格做为值与值之间分隔符,而不是做为文件名一部分。 看下面的脚本,我们可以了解更清楚: ?...执行结果如下: ? 实际上,当前目录文件只有两个: ? 对于简单文件名,如上例,我们也可以通过 for i in *doc 这样简单方法来获得文件列表。...有一个办法,通过 for i in "* *" 可以获得文件名列表,但是一个很糟糕列表,因为这个结果是一个两个文件名在一起列表,我们完全无法拿来做后续操作,如下图所示。 ?...通过 "*\ *" 这样技巧可以避免上面所说问题,但是在应用mv或其他操作时,还是会出现问题。 ? 上面的问题,可以通过将变量放入引号("$i")解决,通常情况下,引号空格可以被正确处理。...default value is “”. 15215809-cb61f85865b24ba4b1bb381b12363eb6.png 另外一个办法就是在对文件名进行处理之前

    1.8K10
    领券