开发者社区> 问答> 正文

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

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

类似这样 screenshot

展开
收起
杨冬芳 2016-06-14 11:57:02 3770 0
1 条回答
写回答
取消 提交回答
  • IT从业

    html

    <div>
        <a href="###">添加图片</a>
        <input type="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');
    })
    
    2019-07-17 19:37:12
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载