Question

当我单击Add Attachment按钮时，我编写了代码来创建标记。

而且，我有以下代码。

<input type="file" name="fileup['+idx+']" id="fileup['+idx+']">
<input class="btn btn-default btn-sm" type="button" value="fileSizeCheck" onclick="fileSizeCheck('+idx+')" />

function fileSizeCheck(idx)
{
    $('input[id="fileup['+idx+']"]').change(function()
    {
        var getName = $(this).val();
        console.log(getName);
    });
}

idx是每次添加行时生成的唯一编号，它是一个自动递增的值。

当我运行上面的代码时，我得到以下结果：

<input type="file" name="fileup[1]" id="fileup[1]">
<input type="file" name="fileup[2]" id="fileup[2]">
<input type="file" name="fileup[3]" id="fileup[3]">
<input type="file" name="fileup[4]" id="fileup[4]">

但是，不执行脚本的内容。警报窗口中没有任何指示，也没有来自console.log的确认。

这并不意味着发生页面错误。

我的语法错了吗？

我只想在选择文件时获取文件名。

如何编写实现我想要实现的内容？

Answer 1

试试这个

function myfns() {

  input = document.getElementById('img');
 
  file = input.files[0];

  console.log(file.type)

  console.log(file.name)

  console.log(file.size)

 

}

<input id="img" onchange="myfns()" type="file" name="imageUpload"/>

从<input type =“file”/>中选择文件时如何获取文件名？

1 个答案: