jq input 上传文件
时间: 2023-07-26 15:32:32 浏览: 118
jq上传文件
使用 jQuery 实现 input 上传文件的方法如下:
HTML 代码:
```html
<label for="file-upload" class="custom-file-upload">
<i class="fa fa-cloud-upload"></i> Choose File
</label>
<input id="file-upload" type="file"/>
```
jQuery 代码:
```javascript
$(document).ready(function(){
$('input[type="file"]').change(function(e){
var fileName = e.target.files[0].name;
$('.custom-file-upload').text(fileName);
});
});
```
这段代码会在文档加载完成后,当 input 的值发生改变时,获取上传文件的名称并更新标签的文本内容。你需要注意的是,这里使用了 jQuery 的选择器来选取 input 元素。
阅读全文