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

来源:互联网 发布:php 配置artisan 编辑:程序博客网 时间:2024/05/22 01:32
<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 选择的文件改变则相应该事件
0 0