时间戳

首页 > 解决方案 > 文本输入在放置时获取文件名

javascript - 文本输入在放置时获取文件名

问题描述

我有一个 html 表单来编写一些文件名，但是仅在表单中为我将在表单中提交的所有内容编写每个文件名有点蹩脚。所以我想到了一个更好的主意，那就是只拖动我的文本输入顶部的文件名，然后文本输入的值更改为文件名。我知道我可以在输入的 type 属性中指定文件，但那是为了上传文件。我不想上传任何东西。我只想获取文件名，这就是我有文本输入的原因。

所以，我正在寻找这个问题的 jQuery 或 Javascript 解决方案。不幸的是，我没有很多代码可以分享，但我展示了一个表单示例。我知道这会不受欢迎，因为我不共享任何 javascript 代码，但我什至不知道从哪里开始，这是我知道的唯一可以找到的地方。所以我很抱歉。

但这里是 html 表单示例

<form action="somefile.php" method="POST">
    <input type="text" name="mpqfile" placeholder="mpq filename">
    <input type="text" name="sqlfile" placeholder="sql filename">
    <input type="text" name="objfile" placeholder="obj filename">
    <input type="text" name="m2file" placeholder="m2 filename">
    <input type="text" name="skinfile" placeholder="skin filename">
    <input type="submit" value="send">
</form>

标签： javascriptjqueryinputfilenames

解决方案

您可以参考以下网址：

https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/File_drag_and_drop

推荐阅读