瘦人说

Drag And Drop(DND) Sample

Drag and drop感觉是当前比较火的页面功能之一,最开始只有Gmail里面上传文件用到,现如今G+,QQ Mail都用得是爽之又爽。当然,这玩意儿现在只有FF3.6+和Chrome 10+支持。详细请看http://www.caniuse.com/ 搜索关于Drag and drop, File API, FileReader的支持情况。

说起来我也是比较2的了,看HTML5这么久,总以为大概的东西知道就可以了,实际上要做的时候又啥都不明白了。

我用这个功能做了个小玩意儿,你可以把你的本地图片拖动到页面上,然后页面帮你加载图片,其中还做了个机器简单的loading状态(可别小看它),这个东西是不是很傻逼呢,至少我是这么觉得,一般的Sample都是比较傻逼的,但是还是希望你能赏个脸,看看这些基础的小玩意儿。

此Sample和Mr.Graph没有关系,我也不会把它算到Mr.Graph的Sample中。

此Sample的例子如下:

http://sheldonw.sinaapp.com/mr-and-ms/Mr.Graph/samples/dragdrop.html

贴图:(只是贴图)

PS:睡着的那只猫有点像猫叔。

Comments

Proudly published with Hexo