如何点击a标签, 弹出input file 上传文件对话框 ?-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

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

杨冬芳 2016-06-14 11:57:02 2605

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

类似这样 screenshot

分享到
取消 提交回答
全部回答(1)
  • 杨冬芳
    2019-07-17 19:37:12

    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');
    })
    
    0 0
云计算
使用钉钉扫一扫加入圈子
+ 订阅

时时分享云计算技术内容,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。

推荐文章