使用Javascript / jQuery读取文件的名称

时间:2017-04-09 01:05:33

标签: javascript jquery html

目前我正在制作一个作为文本编辑器的程序。我有一个部分,您可以重命名标题,保存时,document.getElementById('title').innerHTML需要.txt名称。

例如:

如果标题div具有" Document"的innerHTML,则该文件将被调用" Document.txt"。

我的问题是我希望它还能上传文件并获取其文件名。

例如:

我上传了一个名为" Document.txt"的文件,该函数标题为" Document"。 (我使用.replace('.txt','')使其不显示在标题中,使用+= '.txt'使文件在保存时实际上为.txt。

任何人都知道如何使用<input type='file'>字符串制作上传文档的文件名,以便在其他地方使用?

以下是一些透视的代码:

var id = function(id){return document.getElementById(id)};

function readText(that)
    {
        var reader = new FileReader();
        reader.onload = function(e)
            {  
                var output = e.target.result,
                    name = FILENAMEFIND();
                id('page').innerHTML = output;
                id('title').innerHTML = name;
            }
        reader.readAsText(that.files[0]);
    }

1 个答案:

答案 0 :(得分:0)

好的,我自己想通了:

var id = function(id){return document.getElementById(id)},
    input = id("upfile"),
    file = input.value.split("\\"),
    fileName = file[file.length-1];   // Take purely the file name
    id('title').innerHTML = fileName; // Outputted to title div