H5--拖放、媒体元素、web存储

        将元素设置成可拖放draggable = "true"

        拖放元素：ondrag   // 整个拖放过程都调用

                          ondragstart   // 拖放开始时调用

                          ondragleave   // 鼠标离开拖放元素时调用

                          ondragend   // 拖放结束时调用

        目标元素：ondragenter  // 鼠标进入目标时调用

                          ondragover   // 停留在目标元素上时调用

                          ondrop   // 在目标元素松开鼠标时调用

                          ondragleave   // 鼠标离开目标元素时调用

        注意：默认情况下，目标元素是不允许接受元素的，所以要在ondragover或ondragend中阻止默认行为

        e.dataTransfer保存拖放到浏览器的数据，获取时，只能在ondrop事件中获取

        e.dataTransfer.setData(mime类型, 数据);                  e.dataTranster.getData(mime类型)

        mime类型：text/html    text/plain   text/uri-list    text/xml

例子：

补4张图，不会上传gif图，只能这样了