HTML中input：file标签的使⽤
如何简单的使⽤
问题的由来
第⼀次看到别⼈在写⽹页，能够上传⽂件？好⾼⼤上！⾃⼰就在想这是怎么实现的？虽然当时没想出来也没有去百度了，但后来⼀次项⽬中我就需要处理⽂件上传这个操作。
了解
些项⽬的时候我也没去百度，因为当时⼀个页⾯⼀位学长也写了⽂件上传。我就翻他的代码，⼀看，原来是这个东西<input type="file"accept="image/png,image/jpeg,image/gif"name="myPic"id="thePic">
万万没想到居然是这个东西，很简单的嘛！
但在实际使⽤的时候并不只是写个标签⽽已，你需要装饰。
使⽤
这是标签原始的样⼦
这是什么⿁？low爆了嘛！
所以说，我们需要对他的样式进⾏装饰。。
解决⽅案
将其设置为透明，设置宽⾼覆盖到需要⽤的地⽅。
使⽤label标签绑定input:file，点击label标签时上传⽂件，只需要装饰label标签即可，也需要将input标签隐藏透明
不⽤label标签时，像这样，设置透明像这样，当点击红⽅框内区域的时候弹出上传⽂件窗⼝。
onpaste不能用input
使⽤label标签时也很简单，就把label标签看作是⼀个按钮即可。
⼜来⼀个问题
怎么检测已经上传了⽂件呢？因为需要检测⽤户上传⽂件并进⾏⼀些操作，⽐如说⽂件⼤⼩合不合适内容对不对
⽤什么事件来监听⽤户上传⽂件呢？
对了，可以检测input:file的input事件。
可以了！
如果还存在疑问，可以看⼀下这篇（我就是看这篇⽂章理解的）。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。