归档: 2017/9

0

图片上传那些事-总结篇

好了,总结篇终于开工了,这次来说说关于上传的一些琐碎事情。 1.file input的美化file input 好用是好用但是论起颜值来说差得不是一点半点,怎么能让这玩意儿拉低我们写好的页面颜值呢(ง •̀_•́)ง,来整整容吧,其实这个东西实现起来也很简单的首先我们把这个上传的input用display: none;隐藏掉,然后发挥自己力量写个高颜值的上传按钮,给这个按钮添加点击事件,点击的时候

0

图片上传那些事-图片上传篇

上次说完了图片上传预览,使用form提交就可以把图片进行提交了,但是在现实中这样的操作往往满足不了用户需求,一般在进行上传操作时可能会进行图片的多次重新选择和增删所选择的图片,这时用form提交就实现不了。 这时就该我们本篇的主角闪亮登场了:FormData。W3C在2008年提出XMLHttpRequest Level 2的草案中改进了XMLHttpRequest对象,在新版本的一些功能中就有F

0

图片上传那些事-图片预览篇

在前端工作中,有一些小功能是大家经常遇到的,图片的上传就是经常遇到的功能之一,平时图片上传有很多的需求,比如图片预览,批量上传,有些还要有上传进度,本文将介绍如何实现图片的批量上传和删除以及预览。以前的浏览器由于安全问题和兼容问题,实现不了本地图片信息的读取预览,只能选择一张就上传一张图片到服务器,然后服务器返回图片地址从而实现图片的预览,但是随着老的浏览器(ie)的逐渐淘汰,以及各个浏览器标准的