Question

我正在尝试获取上传的图片名称

＆＃13;

    $(function() {
    $("input[name=file]").on("change", function() {
      if (this.files && this.files[0]) {
      var fimeName = $(this).val(files[0].name);
        console.log(fimeName);
       }
      });
    });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="file" name="file" />

＆＃13;

但它不起作用我正在

未捕获的ReferenceError：未定义文件

你能告诉我我在做什么吗？ Thansk

Answer 1

您需要在点击功能中获取事件中的文件。

    $(function() {
    $("input[name=file]").on("change", function() {
      if (this.files && this.files[0]) {
        //what are you trying to do here?    
        var fileName = this.files[0].name;
        console.log(fileName);
       }
      });
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="file" name="file" />

Answer 2

您忘记了this：

var fimeName = $(this).val(this.files[0].name);

但不管怎么说：你不能在输入类型的文件上显式设置val()的值（空字符串除外），而fimeName这里将分配给jQuery匹配this的集合，而不是任何字符串值。

使用Jquery获取上载的图像名称的问题

2 个答案: