文件上传

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术：DW HTML,JavaScript

作者：袁志彤

撰写时间：2019-04-15

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

一直以来我都把input只是当做一个文本框来使用，但它的本事可不止如此，你只要把它的type属性改一下，它就变成了另外一种样子，当然，它最多的还是被当做一个文本框来使用，我今天写的，也只是它的一个type类型，它的文件选择。

我们在很多网页上弹出文件上传都是点击一个按钮，就弹出文件选择，但据我所知，button按钮根本不能弹出选择上传，所以这就需要input标签了。

让我们来看看input的文件上传是什么样吧！

点击浏览就弹出文件上传的模态框，选中文件后文件的名称就会出现在“未选择文件”的那个地方

代码很简单，或者说只有一个标签

想要让button按钮也拥有这个功能，就需要用代码了，写一个function，function里面是input标签的点击事件，在让button按钮调用这个方法就行了,当然要把input标签隐藏起来，这样只点击按钮就可以进行文件的选择了，看起来是点击的按钮，实际上是调用方法点击了input标签