如何点击a标签实现弹出input file上传文件对话框

前端技术 2023/09/07 HTML
html

复制代码
代码如下:

<SPAN class=tag><<SPAN class=title>div</SPAN>></SPAN>
<SPAN class=tag><<SPAN class=title>a</SPAN> <SPAN class=attribute>href</SPAN>=<SPAN class=value>\"###\"</SPAN>></SPAN>添加图片<SPAN class=tag></<SPAN class=title>a</SPAN>></SPAN>
<SPAN class=tag><<SPAN class=title>input</SPAN> <SPAN class=attribute>type</SPAN>=<SPAN class=value>\"file\"</SPAN> <SPAN class=attribute>name</SPAN>=<SPAN class=value>\"image\"</SPAN> <SPAN class=attribute>class</SPAN>=<SPAN class=value>\"hidden\"</SPAN> <SPAN class=attribute>value</SPAN>=<SPAN class=value>\"\"</SPAN> /></SPAN>
<SPAN class=tag></<SPAN class=title>div</SPAN>></SPAN>


css

复制代码
代码如下:

<SPAN class=class>.hidden</SPAN> <SPAN class=rules>{
<SPAN class=rule><SPAN class=attribute>display</SPAN>:<SPAN class=value> none;</SPAN></SPAN>
<SPAN class=rule>}</SPAN></SPAN>



复制代码
代码如下:

jquery
$(\'a\').on(\'click\', function(e) {
e.preventDefault();
$(this).closest(\'input[type=file]\').trigger(\'click\');
})

本文地址：https://www.stayed.cn/item/18595

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案