浏览器自带的 input type="file" 不美观,我想做成如上图那样的形式:
思路是:
- 把 `<input type="file"/>` 默认样式设置`display:none;`,即设为不可见
- 新建一个文本输入框`<input type="text"/>` 和 一个按钮 `<input type="button"/>`
- 通过 JS 绑定事件,当点击按钮的时候,触发 input file 点击事(虽然看不见,但是不影响事件的触发),然后将file的文件名 复制给 text的 value.