js获取input控件选取的文件的格式

可以通过input控件的files属性获取选取的文件，然后通过文件的name属性获取文件的名称，从而获取文件的格式。

示例代码：

var fileInput = document.getElementById('fileInput');
var files = fileInput.files;

for (var i = 0; i < files.length; i++) {
  var file = files[i];
  var fileName = file.name;
  var fileExtension = fileName.substr(fileName.lastIndexOf('.') + 1);
  console.log('文件格式为：' + fileExtension);
}

在上述代码中，通过substr方法和lastIndexOf方法获取文件名中最后一个点（.）后面的字符串，即文件格式。

相关问题

js获取input控件选取的文件的地址

可以使用`FileReader`对象来读取input控件选取的文件，并获取文件的地址。下面是一个示例代码：

// 获取input控件
var input = document.getElementById('fileInput');

// 绑定change事件
input.addEventListener('change', function() {

  // 获取选中的文件
  var file = input.files[0];

  // 创建FileReader对象
  var reader = new FileReader();

  // 读取文件
  reader.readAsDataURL(file);

  // 文件读取完成时触发load事件
  reader.onload = function() {
    // 获取文件地址
    var url = reader.result;

    // 输出文件地址
    console.log(url);
  };
});

上面的代码中，首先获取input控件，然后绑定change事件。在change事件中，获取选中的文件，并创建FileReader对象来读取文件。当文件读取完成时，触发load事件，从中获取文件地址并输出到控制台。

vue 3触发input选取文件点击事件操作

在Vue 3中触发input选取文件点击事件操作的方法如下：

首先，我们需要在Vue的模板中定义一个input标签，并设置它的类型为"file"，同时给它设置一个ref属性，以便在Vue的代码中可以通过ref来获取这个input元素。

接着，在Vue的代码中，我们可以使用`@click`指令来监听点击事件，并通过调用input元素的`click`方法来触发点击事件。同时，我们还可以使用`@change`指令来监听input元素的值发生变化事件，这样就可以获取用户选择的文件。

下面是代码示例：

<template>
  <div>
    <!-- 定义一个隐藏的input元素 -->
    <input type="file" ref="fileInput" style="display:none" @change="handleFileSelect" />
    <!-- 触发input的点击事件 -->
    <button @click="selectFile">选择文件</button>
  </div>
</template>

<script>
export default {
  methods: {
    selectFile() {
      // 通过ref获取input元素并调用click方法
      this.$refs.fileInput.click();
    },
    handleFileSelect(event) {
      // 获取用户选择的文件
      const file = event.target.files[0];
      console.log(file);
      // 在这里可以对文件进行操作，例如上传等等
    }
  }
}
</script>

在上面的代码中，我们通过给input元素设置了"file"类型，隐藏了它的显示，并给它设置了一个ref属性，方便在Vue的代码中引用这个元素。然后，在selectFile方法中，我们通过`this.$refs.fileInput`来获取input元素，并调用`click`方法来触发点击事件。在handleFileSelect方法中，我们通过`event.target.files`来获取用户选择的文件，并进行后续操作。

通过以上方式，我们就可以在Vue 3中触发input选取文件点击事件操作。