JS触发file类型Input的onclick()

最新推荐文章于 2022-04-14 11:18:31 发布

weixin_33795743

最新推荐文章于 2022-04-14 11:18:31 发布

阅读量3k

点赞数 2

文章标签： python javascript 前端 ViewUI

原文链接：https://my.oschina.net/u/2437172/blog/645838

版权

2019独角兽企业重金招聘Python工程师标准>>>

之所以要做这件事，是为了做一个好看的上传按钮。

然后把文件input给隐藏了，通过这个自定义的按钮来呼出上传窗口

输入图片说明

<input type="file"  id="fileInput" value="上传" >
            <input type="button"  id="customInput"  value="自定义样式按钮" onclick="TriggerOtherInputOnClickEvent()">

<script>
    function TriggerOtherInputOnClickEvent()
    {
        document.getElementById("fileInput").click();
    }
</script>

<style>
        #customInput
        {
            border-radius: 25px;
            width:140px;
            height:50px;
            border:1px;
            background-color: #FF702A;
        }
        #fileInput
        {
            display:none;
        }
    </style>

转载于:https://my.oschina.net/u/2437172/blog/645838