如何使用HTML、JS和CSS创建自定义文件上载?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (75)

这是我想要创建的控件的设计:

如你所见,创建设计除了上传控件的浏览按钮外很容易。我创建了其余的。我一直在寻找改变浏览按钮的地方,但找不到有用的东西。

提问于
用户回答回答于

实际上并不像你想象的那么复杂:

HTML

<input type="file" id="uploadme" />
<input type="button" id="clickme" value="Upload Stuff!" />

CSS

input[type=file] { 
    width: 1px; 
    visibility: hidden;
}

JavaScript的

$(function(){
    $('#clickme').click(function(){
        $('#uploadme').click();
    });
});

扫码关注云+社区

领取腾讯云代金券