javascript - 带有 JS 的样式输入文件按钮 - 选择文件后更改文本

Question

我有一个隐藏的 HTML 输入，因为我不喜欢看到“选择文件”。

http://jsfiddle.net/tPTxJ/

代码：

 <a href="#" onclick="document.getElementById('userFile').click(); return false;" />Upload Picture</a>

 <input type="file" id="userFile" name = "userFile" type="file" value="Snap Picture"  style="visibility: hidden;" />

选择图片文件后，我正在尝试将我的文本“上传图片”更改为“图片上传”。

我如何实现这一目标？

谢谢你。

Answer 1

为您添加一个 id<a>

并做：

onchange=" document.getElementById('a').innerHTML = 'Picture Uploaded';"

看：http: //jsfiddle.net/tPTxJ/3/

Answer 2

可能是这样的？

document.getElementById('userFile').addEventListener("change", function() {
  document.getElementById('uploadLink').innerHTML = "Uploaded.";
});

Answer 3

将“onchange”处理程序附加到更改锚文本的文件输入元素。