- 时间：2021-07-29 00:23 编辑： 来源： 阅读：
- 扫一扫，手机访问
摘要：关于js拖拽上传 [一个拖拽上传修改头像的流程]
如今现代的浏览器已经有很多支持拖拽文件读取操作，其优点不再复述。前端时间利用拖拽改进了一下网站的头像上传流程，对其中的要点和实践体会做一点总结。
先看一下总体视图：
[img]http://files.jb51.net/upload/201107/20110713161653539.jpg[/img]
1、 文件拖拽接受区域要有明显的标示，并且要尽可能的大（由于版面的原因，这个界面的拖放盒子并不大）。可以用虚线框盒子等样式吸引用户拖拽文件。最好有明显的文字提示和图标配合。
2、 在交互体验上当文件拖入浏览器窗口时，可以用拖放区变换背景颜色等向用户发起放置操作邀请。
实现代码：
[url=http://stc.qsl.cn/html/Account_Avatar_new.html]完整DEMO预览[/url](静态文件暂时没有上传成功后的展示（：)
[url=http://xiazai.jb51.net/201107/yuanma/setuhdnew.rar]DEMO脚本[/url]
机械节能产品生产企业官网模板...
大气智能家居家具装修装饰类企业通用网站模板...
礼品公司网站模板
宽屏简约大气婚纱摄影影楼模板...
蓝白WAP手机综合医院类整站源码（独立后台）...
