访问javascript文件输入变量的值

Accessing value of javascript file input variable

本文关键字:变量 输入 javascript 文件 访问      更新时间:2023-09-26

我正在尝试获取所选文件的文件路径。使用调试器,我看到文件有一个名为value的属性,它等于:"C:'fakepath'filename.txt"

但是,当我尝试访问file.value时,文件路径等于null
我使用的是Java 8、Struts 1.2、Jsps和ChromeJavascript:

function validateFile(file)
{
    filepath = file.value; /*This is null*/
    return true; 
}

Html:

<input type="file" id="theFile[0]" onChange="validateFile(this)"/>

试试这个:

function validateFile(fileinput) {
    var allowed = "pdf,png";
    var filepath=fileinput.value;
    var ext = filepath.substr(filepath.lastIndexOf('.')+1);
    if (filepath = "" || allowed.search(ext) <= -1) {
        fileinput.value='';
        alert('Invalid file type');
        return false;
    }
}
<input type="file" id="inputFile" onChange="validateFile(this)"/>

我想这毕竟不是太多的工作:)

function validateFile(file)
{
    filepath = file.value;
    document.getElementById('result').innerText = filepath;
    return true; 
}
<input type="file" onChange="validateFile(this)"/>
<div id="result">[result will be here]</div>