javascript - 多个文件输入

Question

我对所有这一切都是陌生的，主要还是在这个网站上学习，它对我很有用，并决定从你们那里得到一些帮助。

我设计了文件输入按钮的样式，并在文本字段中打印了文件名。现在我很乐意在同一页面上的多个文件输入(连同包含文件名的文本字段)上使用这些类。 (我需要更多文件输入，而不是一次输入更多文件)

我知道我可以使用 ID 并为我需要的每个文件字段复制 JS，但我想在一个函数中执行此操作或使其更“动态”以供大量使用。

所以，我请求一点帮助:)

HTML:

<div class="upload button left">
    <input class="upbtn" type="file" name="attachment" />Add attachment
</div>
<input class="filename" type="text" />

JS:

    $(".upbtn").change(function(e) {
        var datoteka = $(this).val();
        var lastIndex = datoteka.lastIndexOf("\\");
        if (lastIndex >= 0) {
            datoteka = datoteka.substring(lastIndex + 1);
        }
        $(".filename").val(datoteka);
    });

您可以在这里查看全部内容:http://jsfiddle.net/k5cLt/5/

提前致谢

Answer 1

这是可能的。我用过

   $(".upbtn").change(function(e) {
        var datoteka = $(this).val();
        var lastIndex = datoteka.lastIndexOf("\\");
        if (lastIndex >= 0) 
        {
            datoteka = datoteka.substring(lastIndex + 1);
        }
        var close = $(this).parent().next(".filename:first")
        close.val(datoteka);
   });

这是 JSFiddle

您输入的对齐方式等可能不尽如人意，但 JSFiddle 显示了我认为您正在努力实现的总体思路。