input 上传文件

input上传文件可以通过添加accept属性限制文件类型，也可以通过添加multiple属性实现多文件上传。另外，可以通过JavaScript清空上传文件的value值，或者通过form表单重置来清空已选择的文件。在谷歌浏览器中，还可以通过添加webkitdirectory属性实现上传文件夹的功能。

相关问题

jq input 上传文件

使用 jQuery 实现 input 上传文件的方法如下：

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 代码：

$(document).ready(function(){
  $('input[type="file"]').change(function(e){
    var fileName = e.target.files[0].name;
    $('.custom-file-upload').text(fileName);
  });
});

这段代码会在文档加载完成后，当 input 的值发生改变时，获取上传文件的名称并更新标签的文本内容。你需要注意的是，这里使用了 jQuery 的选择器来选取 input 元素。

input上传文件样式

下面是一个简单的 input 上传文件样式的 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"/>

你可以使用 CSS 对其进行样式化，使其看起来更加美观。