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

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

升平乐坊主

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

阅读量587

点赞数

CC 4.0 BY-SA版权

分类专栏：实践知识点文章标签：实践知识点

本文链接：https://blog.youkuaiyun.com/palmshe/article/details/50719774

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

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>