H5怎样做出图片拖拽上传预览组件-

H5中拖拽事件有:
[ - ] DragDrop：拖放完成，也就是鼠标拖入对象并在拖放区域释放。
[ - ] DragEnter ：拖放进入，也就是鼠标拖放对象进入拖放区域。
[ - ] DragLeave：离开拖放区域。
[ - ] DragOver ：拖放对象悬浮于拖放区域，在拖放区域内移动时多次触发。

1.拖拽文件获取文件信息

示例

    
        
        
        
    
    
        

            
将文件拖放到此处
            

        
        
     

2.限制文件大小与文件格式

    
        
        
        
    
    
        

            
将文件拖放到此处
            

        
        
     

3.显示缩略图与动态增删效果

示例

   
        
        

            

                将文件拖拽到这里或点击这里                    
                
                

            
        
        

            清空
            上传
        
        
     

相信看了本文案例你已经掌握了方法，更多精彩请关注 第一PHP社区 其它相关文章！

相关阅读：

python3与JS有什么不同

H5如何做图片上传预览组件

flv.js的使用详解

如何使用s-xlsx实现Excel 文件导入和导出

以上就是H5怎样做出图片拖拽上传预览组件的详细内容，更多请关注 第一PHP社区 其它相关文章！