javascriptファイル入力変数の値へのアクセス

Question

選択したファイルのファイルパスを取得しようとしています。 デバッガを使用して、私はファイルが値と呼ばれる値を持っていることがわかります："C:\fakepath\filename.txt"。

ただし、file.valueにアクセスしようとすると、filepathはnullに等しくなります。
私は、Java 8、Strutsの1.2、JSP、およびクロム Javascriptを使用しています：

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

HTML：

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

Answer 1

私は結局それはあまりにも多くの仕事ではなかったと推測する:)

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>

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