访问javascript文件输入变量的值

时间:2016-05-12 18:06:08

标签: javascript

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

但是,当我尝试访问file.value时,filepath等于null。
我使用的是Java 8,Struts 1.2,Jsps和Chrome 使用Javascript:

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

HTML:

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

2 个答案:

答案 0 :(得分:2)

试试这个:

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)"/>

答案 1 :(得分:1)

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

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