您现在的位置是：网站首页> 编程资料编程资料
如何点击a标签实现弹出input file上传文件对话框_HTML/Xhtml_网页制作_
2021-08-29
2348人已围观
简介 点击a标签实现弹出input file上传文件对话框，html、css、如下感兴趣的朋友可以参考下哈，希望对你有所帮助
html
<div>
<ahref="###">添加图片a>
<inputtype="file"name="image"class="hidden"value="" />
div>
css
.hidden{
display: none;
}
jquery
$('a').on('click', function(e) {
e.preventDefault();
$(this).closest('input[type=file]').trigger('click');
})
复制代码
代码如下:<div>
<ahref="###">添加图片a>
<inputtype="file"name="image"class="hidden"value="" />
div>
css
复制代码
代码如下:.hidden{
display: none;
}
复制代码
代码如下:jquery
$('a').on('click', function(e) {
e.preventDefault();
$(this).closest('input[type=file]').trigger('click');
})
相关内容
- html中select optgroup标签使用介绍_HTML/Xhtml_网页制作_
- HTML教程:收集的常用的HTML标签(6)_HTML/Xhtml_网页制作_
- HTML表格标记教程(40):表头的暗边框色属性BORDERCOLORDARK_HTML/Xhtml_网页制作_
- 添加和删除HTML节点的简单示例_HTML/Xhtml_网页制作_
- HTML表格标记教程(42):表头的水平对齐属性ALIGN_HTML/Xhtml_网页制作_
- HTML表单标记教程(3):输入标记_HTML/Xhtml_网页制作_
- HTML表格标记教程(44):表格的表首标记_HTML/Xhtml_网页制作_
- HTML表单标记教程(2):_HTML/Xhtml_网页制作_
- HTML表格标记教程(43):表头的垂直对齐属性VALIGN_HTML/Xhtml_网页制作_
- HTML表单标记教程(5):文字域标记_HTML/Xhtml_网页制作_
