变相自定义input标签file类型样式

最新推荐文章于 2024-03-07 19:16:29 发布

原创最新推荐文章于 2024-03-07 19:16:29 发布 · 588 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#实践知识点

实践知识点专栏收录该内容

10 篇文章

订阅专栏

本文介绍如何通过点击图片触发文件上传操作，包括代码实现和优化策略，旨在解决实际应用中遇到的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

运用场景

需要点击图片，即选择文件上传

代码

    <style type="text/css">
        #customized img {
            width: 100px;
            height: 50px;
        }
    </style>
    </head>
    <body>
    <div>
        <a id="customized" href="javascript:void(0);" onclick="document.getElementById('fileInput').click();">
            <img src="自定义file样式.png"></a>
        <input id="fileInput" type="file" value="自定义文字" style="display:none;"/>    
    </div>
    </body>