如何使用jQuery在没有路径的情况下通过选定的文件名获取文件输入？

在某些情况下，我们需要获取用户在文件选择框里所选文件的文件名，而不需要获取文件的完整路径。这时候，我们可以使用jQuery来达到这个目的。以下是具体的步骤和代码实现：

HTML代码

我们需要先在HTML代码里创建一个文件选择框。

<input type="file" id="file-input">

jQuery代码

接下来，在jQuery代码中，我们需要监听文件选择框的change事件，以获取选择的文件名，并将其输出到控制台中。

$(document).ready(function() {
  $('#file-input').change(function() {
    var fileName = $(this).val().split('\\').pop();
    console.log(fileName);
  });
});

上述代码中，我们首先监听了文件选择框的change事件，当用户选择文件后，回调函数会被触发。在这个回调函数中，我们使用了jQuery的val()方法来获取文件选择框里的值，这个值包含了文件的完整路径。接着，我们使用了JavaScript的split()方法和pop()方法，以获取文件名并输出到控制台中。

最终的输出如下所示：

example.txt

Markdown格式的代码片段

### 如何使用jQuery在没有路径的情况下通过选定的文件名获取文件输入？

在某些情况下，我们需要获取用户在文件选择框里所选文件的文件名，而不需要获取文件的完整路径。这时候，我们可以使用jQuery来达到这个目的。以下是具体的步骤和代码实现：

#### HTML代码

我们需要先在HTML代码里创建一个文件选择框。

```html
<input type="file" id="file-input">
```

#### jQuery代码

接下来，在jQuery代码中，我们需要监听文件选择框的change事件，以获取选择的文件名，并将其输出到控制台中。

```javascript
$(document).ready(function() {
  $('#file-input').change(function() {
    var fileName = $(this).val().split('\\').pop();
    console.log(fileName);
  });
});
```

上述代码中，我们首先监听了文件选择框的change事件，当用户选择文件后，回调函数会被触发。在这个回调函数中，我们使用了jQuery的val()方法来获取文件选择框里的值，这个值包含了文件的完整路径。接着，我们使用了JavaScript的split()方法和pop()方法，以获取文件名并输出到控制台中。

最终的输出如下所示：

```
example.txt
```