Question

我想使用文件输入类型获取我选择的文件的名称，并将该值存储在文本框值中

   <script src="jquery-3.2.1.min.js"></script>


   <script type="text/javascript">    



     var inputElement = document.getElementById('bleh');
     var theirInput = '';

    $(document).ready(function(){
        $('input[type="file"]').change(function(e){
            var fileName = e.target.files[0].name;
            theirInput = e.target.value; 

            alert('The file "' + fileName +  '" has been selected.');
        });
    });
</script>

<form>
<input type="file" >
<input type="text"  id="filename" value="">
</form>

它选择图像并返回带有文件名的消息。但是我面临的挑战是我想输入在一个文本框中获取的文件的值，该文本框是id =“ filename”

Answer 1

使用jquery，您会做类似

的操作

$('#filename').val(fileName);

没有jquery，类似

document.getElementById('filename').value = fileName;

Answer 2

window.querySelector("#filename").value = e.target.files[0].name

在您的changehandler内部，这应该可以解决问题。当然，您也可以使用jQuery选择器。

重点是，您必须将文件名分配给输入的值，而与操作方式无关。

 <script src="jquery-3.2.1.min.js"></script>


   <script type="text/javascript">    



     var inputElement = document.getElementById('bleh');
     var theirInput = '';

    $(document).ready(function(){
        $('input[type="file"]').change(function(e){
            var fileName = e.target.files[0].name;
            theirInput = e.target.value;

            // like this
            $("#filename").val(fileName);

            alert('The file "' + fileName +  '" has been selected.');
        });
    });
</script>

<form>
<input type="file" >
<input type="text"  id="filename" value="">
</form>

如何在表格值中存储javascript变量的内容

2 个答案: