JS实现的文件拖拽上传功能示例

本文实例讲述了JS实现的文件拖拽上传功能。分享给大家供大家参考，具体如下：

div{
 width: 300px;
 height: 300px;
 border:1px dashed #000;
 position:absolute;
 top: 50%;
 left: 50%;
 margin:-150px 0 0 -150px;
 text-align:center;
 font:20px/300px '微软雅黑';
 display:none;
}





 请将文件拖拽到此区域

使用http://tools.jb51.net/code/HtmlJsRun在线运行测试效果如下：

更多关于Javascript相关内容感兴趣的读者可查看本站专题：《Javascript表单(form)操作技巧大全》、《Javascript查找算法技巧总结》、《Javascript数据结构与算法技巧总结》、《Javascript遍历算法与技巧总结》、《Javascript错误与调试技巧总结》及《Javascript数学运算用法总结》

希望本文所述对大家Javascript程序设计有所帮助。