Отобразить имя файла после загрузки

Question

У меня есть опция загрузки файлов.

<input type="file" name='image1' id='image1'> 

, тогда у меня есть кнопка, которая onclick запускает функцию addphotos(). Пара является идентификатором абзаца.

function addphotos() { 
document.getElementById("para").innerHTML=document.getElementById("image1").text; 
} 

Теперь, когда мы выгружаем файл, отображается имя файла. например picture.png Я хочу напечатать это имя файла в позиции абзаца. Вышеуказанная функция не работает. Как мы можем это сделать. Также хорошо, если мы можем сохранить это имя файла в переменной javascript.

Answer 1

Вы ищете что-то вроде этого, я думаю,

// Access first file from the input. More details: 
// https://developer.mozilla.org/en/docs/Using_files_from_web_applications 
var file = document.getElementById('image1').files[0]; 

// Process only if file is valid (uploaded) 
if (file) { 

    // Access file name 
    file.name; 
} 

Answer 2

Вам необходимо обновить из

document.getElementById("para").innerHTML=document.getElementById("image1").text; 

в

document.getElementById("para").innerHTML=document.getElementById("image1").name;