Question

我有一个像这样的文件上传选项。

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

然后，我有一个onclick按钮，运行addphotos（）函数。 Para是段落的id。

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

现在，当我们上传文件时，会显示一个文件名。例如picture.png 我想在段落的位置打印此文件名。上述功能无效。我们应该怎么做。如果我们可以将这个文件名存储在javascript变量中也没关系。

Answer 1

您需要从

更新

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

到

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

Answer 2

你正在寻找这样的东西我想

// 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;
}

上传后显示文件名

2 个答案: