js实现断点上传图片集的时候,如何由拖拽的方式变为点击上传?

发布于 2022-09-05 03:17:11 字数 371 浏览 23 评论 0

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

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

谢谢

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

请爱~陌生人 2022-09-12 03:17:11

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

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

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

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

看春风乍起 2022-09-12 03:17:11

input file

佞臣 2022-09-12 03:17:11

看完这篇文档基本就能搞定了!
https://developer.mozilla.org...

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文