gpt4 book ai didi

javascript - 输入文件 : write the name of the file in a text input with Javascript

转载 作者:行者123 更新时间:2023-11-30 10:27:39 27 4
gpt4 key购买 nike

我正在学习 html 和 javascript,我想知道是否可以执行以下操作:使用文件输入上传文件时,希望将上传的文件名(不带路径)写入文件输入字段..这可能吗?。下面是我的代码,但无法获得任何链接来解释如何为新手做这件事。抱歉,这是一个非常愚蠢的问题,但我想知道您是否可以在不涉及服务器的情况下仅使用 javascript(不是 jQuery)和 HTML。

<html>
<head>
<script type="text/javascript">
(function alertFilename()
{
var thefile = document.getElementById('thefile');
//here some action to write the filename in the input text

}
</script>
</head>
<body>
<form>

<input type="file" id="thefile" style="display: none;" />
<input type="button" value="Browse File..." onclick="document.getElementById('thefile').click();" />
<br> <br>The name of the uploaded file is:
<input type="text" name="some_text" id="some_text" />

</form>
</body>
</html>

最佳答案

这是一个完整的例子JavaScript:

var filename;
document.getElementById('fileInput').onchange = function () {
filename = this.value.split(String.fromCharCode(92));
document.getElementById("some_text").value = filename[filename.length-1];
};

HTML:

<form>
<input type="file" id="fileInput" style="display: none;" />
<input type="button" value="Browse File..." onclick="document.getElementById('fileInput').click();" />
<br> <br>The name of the uploaded file is:
<input type="text" name="some_text" id="some_text" />
</form>

jsFiddle live example

希望你觉得它有用,Asaf

关于javascript - 输入文件 : write the name of the file in a text input with Javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18862049/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com