上传基本是项目中经常出现的,一般采用:
1、form提交
2、flash
3、html5
form提交会刷新页面,很难做到异步上传;flash可能是用得比较多了,因为可以兼顾到几乎所有的浏览器,我之前一直会用jquery的uploadify作为项目中的上传工具,uploadify也有基于html5好像是收费的,大家可以去官网看看;当然了,现在html5提供了API以及File,FileR...
分类:
Web程序 时间:
2014-06-18 11:28:55
阅读次数:
317
上一篇已经实现了这个项目的整体的HTML和CSS:
HTML5 CSS3 经典案例:无插件拖拽上传图片 (支持预览与批量) (一)
这篇博客直接在上篇的基础上完成,最终效果:
效果图1:
效果图2:
好了,请允许我把图片贴了两遍,方便大家看效果了~
可以看出我们的图片的li的html其实还是挺复杂的,于是我把html文档做了一些修改:...
分类:
Web程序 时间:
2014-06-17 23:02:00
阅读次数:
248
本来准备写一个支持多图片拖拽上传的例子,但是为了更好的理解,先介绍一下HTML5的拖放。
拖放(Drag 和 drop)是 HTML5 标准的组成部分。
浏览器支持
Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5 支持拖放。
被拖元素,dragElement :
1、添加事件:ondragstart
2、添加属性:d...
分类:
Web程序 时间:
2014-06-17 21:54:27
阅读次数:
373
支持多文件上传的jQuery文件上传插件Uploadify,目前此插件有两种版本即Flash版本和HTML5版本,对于HTML5版本会比较好的支持手机浏览器,避免苹果手机Safari浏览器不支持Flash,主要特性:支持多文件上传、HTML5版本可拖拽上传、实时上传进度条显示、强大的参数定制功能,如...
分类:
Web程序 时间:
2014-05-31 20:12:30
阅读次数:
341
支持多文件上传的jQuery文件上传插件Uploadify,目前此插件有两种版本即Flash版本和HTML5版本,对于HTML5版本会比较好的支持手机浏览器,避免苹果手机Safari浏览器不支持Flash,主要特性:支持多文件上传、HTML5版本可拖拽上传、实时上传进度条显示、强大的参数定制功能,如...
分类:
Web程序 时间:
2014-05-31 20:10:02
阅读次数:
330