Question

我必须获取上传文件的文件名并将其设置为文本字段

我做了如下

<input type="file" name = "filename" id="upload">
<input type="text" name = "file" id="file">

// jquery的

$('#upload').change(function() {
    var filename = $('input[type=file]').val().split('\\').pop();
    var lastIndex = filename.lastIndexOf("\\");
    $('#file').val(filename);
});

并尝试了这个

$('#upload').change(function() {
    var filename = $(this).val();
    var lastIndex = filename.lastIndexOf("\\");
    if (lastIndex >= 0) {
        filename = filename.substring(lastIndex + 1);
    }
    $('#file').val(filename);
});

但文字名称不会显示在文本字段中。

Answer 1

您应该在文档内部使用jquery准备好了。你可能忘了添加它。这是工作代码。

＆＃13;

      $(document).ready(function() {

    $('#upload').change(function() {
       var filename = $('input[type=file]').val().split('\\').pop();
      console.log(filename,$('#file'));
        var lastIndex = filename.lastIndexOf("\\");   
        $('#file').val(filename);
    });
      });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="file" name = "filename" id="upload">
                                <input type="text" name = "file" id="file">

＆＃13;

使用jquery从文件上载中获取文件名，并将filename设置为文本字段

1 个答案: