Доступ к значению входной переменной javascript-файла

Question

Я пытаюсь получить путь к файлу выбранного файла. Используя отладчик, я вижу, что у файла есть свойство, называемое значением, которое равно: "C:\fakepath\filename.txt".

Однако, когда я пытаюсь получить доступ к файлу file.value, путь к файлу равен нулю.
Я использую Java 8, Struts 1.2, JSP и Chrome Javascript:

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

Html:

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

Answer 1

I думаю, это было не слишком много работы :)

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