上传前获取文件列表

谭谭

我得到了输入文件的代码:

<input type='file'/>

当我从目录中选择一个文件时,它在选择按钮旁边显示了文件名。现在,我将显示我选择的所有文件。例如:

1.png

2.pdf

3.png

请注意(1、2、3是文件名)

我怎样才能做到这一点?谢谢。

拉尔塔

您必须在输入的“ change”事件上添加一个侦听器

假设您的输入ID为'inputFile'

document.getElementById('inputFile').addEventListener('change', onChange, false);

function onChange(e){
    var files = e.target.files;
    for (var i=0; i<files.length;i++)
         console.log(files[i]);
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

上传文件前使用ajaxSubmit时如何获取文件大小

来自分类Dev

获取目录中的文件列表以在ngCordova中上传

来自分类Dev

获取上传文件的名称

来自分类Dev

从NodeJs获取上传的文件

来自分类Dev

获取上传文件的名称

来自分类Dev

流式上传时获取上传文件的名称

来自分类Dev

流式上传时获取上传文件的名称

来自分类Dev

开始上传前如何获取所有图像文件名?

来自分类Dev

从WTForms字段获取上传的文件

来自分类Dev

从上传的文件获取DownloadURL

来自分类Dev

获取上传的文件并显示下载

来自分类Dev

Blueimp文件上传:上传之前从文件列表中删除文件

来自分类Dev

如何从 SharePoint 列表(文档库)获取驱动器 ID 以上传文件?

来自分类Dev

在Django中,上传时如何获取上传文件的文件路径?

来自分类Dev

使用 observables Angular 2 上传文件,获取上传文件的 Url

来自分类Dev

上传前预览文件名

来自分类Dev

FileSystemwatcher以获取文件列表

来自分类Dev

快速获取文件列表

来自分类Dev

如何清空上传的文件列表?

来自分类Dev

如何返回闪亮上传的文件列表

来自分类Dev

从AngularJs文件夹上传图像列表

来自分类Dev

在bash中通过ftp从列表上传文件

来自分类Dev

下拉列表和文件上传的jQuery事件?

来自分类Dev

在umbraco中获取上传文件字段的上传KB/MB值

来自分类Dev

如何获取上传的文件名?

来自分类Dev

Uploadcare:如何从openDialog获取上传文件?

来自分类Dev

在使用javascript上传之前获取文件大小

来自分类Dev

获取上传文件C#MVC的大小

来自分类Dev

在Symfony文件上传中获取图像尺寸