input:button与input:file怎么绑定

需要使用input:file来选择图片，但这样式很丑，如下图

想改成下面这种，input:file被input:button覆盖(或者input:file被隐藏)，

点input:button，就能达到直接点input:file的效果。具体的JavaScript代码该如何写？求指点

报告相同问题？

提交关注问题

input:button与input:file怎么绑定 java javascript
2022-05-11 22:59

回答 1 已采纳可用这样去写，但是就不知道兼容性好不好啦，大多数浏览器应该都支持吧。效果 <html> <head> <title>添加宠物</title>
inputfile多文件上传，删除当前文件的问题 javascript 前端
2018-10-08 01:52

回答 2 已采纳 multiple的file删除不了里面指定的文件，你只能用hidden记录住删除的文件的下标，一起回发服务器，这些指定下标的文件不保存就行了。或者参考这个，删除就同时删除同时选择的一批文件，而
Laravel Ajax Input :: all（）在通过FormData发送时返回空 ajax javascript jquery php
2014-10-02 10:01

回答 3 已采纳 Your JavaScript should look like this: $('#rubForm').submit(function(e){ e.preventDefault();
input:file样式怎样修改
2019-10-02 13:39

叮当Ding的博客给file设置透明度为0，让用户看不见他创建新的button按钮修改button按钮样式点击button的时候使file也被点击具体代码如下：  <img src=""> <input type="fi...
定义input type=file 样式的方法
2020-12-14 02:41

input type=”file” name=”file” /> 既然这样我们就用一个text和一个button来显示这个file的样式，html代码是这样：复制代码代码如下: ”file-box”> <form action=”” method=”post” enctype=”...
没有解决我的问题, 去提问