网页设计新技巧：一次性上传多个文件，展现个性，省时又省力

哈喽！告诉大家个超好用的小技巧，网上批量上传文件不再费劲啦!还可以展示个性，太棒了！是不是每次只上传一个文件就觉得麻烦？别担心，现在有个方法很简单，只需加入”multiple”属性，然后扔一堆文件进去就行~而且支持各种文件类型，赶快试试看！不多废话了，具体步骤就在下面，快来看看吧!

你懂CSS不？搞HTML，把表单弄得好看点儿可真费劲儿，特性有时候还给带偏。特别是那IE浏览器，麻烦死了！

你懂，那个 type=”file” 的上传按钮，想要让它变得更炫酷点。有的人说可以直接用复制粘贴，不过听人说这种做法有点悬。这个问题对咱们这些做界面设计和切图的来说不算啥，虽然我也知道为啥不行，可无奈我也不知道该咋解决。

我们原来就是这么做的，比如把那个叫”type=file”的文件上传按钮弄成透明的，再悄悄贴到图上面。让人以为你只是在点上传图片，但是没注意那显眼的上传按钮其实已经在了！

你看这里嘛!这下你知道我的账号怎么运行的了吧?简而言之，就是先定位好位置，再将上传按钮放在图片上，把透明度调为0，这样别人就看不到它了，但它实际还是存在于那里。接下来…就搞定！

话说，搞定HTML的结构和样式就是搞定那个名叫::-webkit-file-upload-button的小家伙。其实，咱们就得给它搭个新衣裳而已，可别忘了，人家本是个普通的按钮！

看到那个按钮没？你得用Chrome后台的DOM树长瞅瞅才能找到藏在里面的文件上传钮。它跟平常输入框差不多，但这个有点曲折，不小心就容易掉队。好在有些有阴影DOM的input框更直接，一眼就能看见！

我有两种方法能把那个type=”file”按钮变个样儿，暂时想不出其他招了。差点儿忘了提醒你注意，Webkit浏览器要大意不得，不过手机用户就不必担心。再说火狐，它是真支持那种input type=”file” > button[type=”button”]的样式，可惜我还没研究出如何使用，所以就先放一边了。

好了，時間也差不多了~今兩就先這樣！希望這個小技術能幫你把傳文件的過程變得更帥氣和特別！不明白或是想提意見的朋友們，在下面留言告訴我就行，會盡快回復的!記得點個贊並分享給你的朋友們謝謝大家關照～