| 标题 | 如何点击a标签实现弹出input file上传文件对话框 |
| 内容 | 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'); }) |
| 随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。