HTML input type=file文件选择表单元素小结

最新推荐文章于 2024-01-23 16:42:20 发布

奔跑de蜗牛灬

最新推荐文章于 2024-01-23 16:42:20 发布

阅读量1.4k

点赞数 1

分类专栏： html5 文章标签： html 表单

本文链接：https://blog.csdn.net/wad13965/article/details/53353841

版权

6 篇文章 0 订阅

订阅专栏

<button id="button1">选择文件</button>
<input type="file" accept="application/pdf" id="pdf" style="display:none" onchange="pdf();" />

<script type="text/javascript">
$("#button1").click(function() { //点击导入按钮，使files触发点击事件，然后完成读取文件的操作。
    $("#pdf").click();
 });
</script>

accept 属性可以限制选择文件种类 accept=”application/pdf” 限制为PDF accept=”image/*” 限制为图片（可以使用通配符表示所有类型）
style=”display:none” 隐藏次元素，可以自定义一个元素通过相应点击事件来调用
onchange 选择的文件改变则相应该事件