filereader - js实现断点上传图片集的时候，如何由拖拽的方式变为点击上传？

问题描述

问 题

本来的功能是拖拽图片，然后上传到服务器，现在客户要求改成点击直接上传，不拖拽了，之前的拖拽用的是拖拽事件，换成点击事件的时候，如何把dataTransfer.files换成相应的对象？

box.addEventListener("drop",function(e){
                var fileList = e.dataTransfer.files; //获取文件对象
                //检测是否是拖拽文件到页面的操作
                if(fileList.length == 0){
                    return false;
                }

---

谢谢

解决方案

html5的文件上传（如果自己不喜欢默认的样式可以设置hidden，并且自己写一个button或div和input重合即可）

http://www.w3school.com.cn/ti...

如果使用angular， 可以用ng-file-upload库

如果使用jquery，可以用jquery-file-upload库

这篇关于filereader - js实现断点上传图片集的时候，如何由拖拽的方式变为点击上传？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！