相关疑难解决方法(0)

将文件拖放到标准的html文件输入中

这些天我们可以将文件拖放到一个特殊的容器中,然后用XHR 2上传它们.有现场进度条等非常酷的东西.这里的例子.

但有时我们不希望那么冷静.我想要的是将文件 - 一次多个 - 拖放到标准的HTML文件输入中:<input type=file multiple>.

那可能吗?有没有办法用文件丢弃中的正确文件名(?)"填充"文件输入?(出于文件系统安全原因,完整文件路径不可用.)

为什么?因为我想提交一份正常的表格.适用于所有浏览器和所有设备.拖放只是渐进式增强,以增强和简化用户体验.标准文件输入(+ multiple属性)的标准表格将在那里.我想添加HTML5增强功能.

编辑
我知道在某些浏览器中,您有时(几乎总是)将文件放入文件输入本身.我知道Chrome通常会这样做,但有时它会失败然后将文件加载到当前页面中(如果您填写表单,则会失败).我想傻瓜和浏览器一样.

html5 drag-and-drop file-upload

147
推荐指数
9
解决办法
16万
查看次数

将文件从浏览器拖到桌面

有没有,甚至是实验性的方法将文件从浏览器窗口拖到桌面?可能是新浏览器的实验性功能?什么都有帮助.谢谢!

javascript browser drag-and-drop

16
推荐指数
1
解决办法
1万
查看次数

将桌面拖放到浏览器HTML5 Javascript

寻找一些指导,仍然是一个代码学习者,并使用HTML5 DnD /文件Api进行了一些努力......玩了一些演示试图了解它们是如何工作的,我有一点点问题.

大多数似乎使用内联css/js方法我试图在单独的文件中使用它们但似乎无法正确.

有人可以使用带有从桌面拖入的HTML画布为我做一个非常快速的演示,一个简单的画布元素,从桌面插入?似乎无法理解我的想法.

使用chrome,因此无需担心跨浏览器支持.

非常感谢aldo.

javascript html5 drag-and-drop

2
推荐指数
1
解决办法
8125
查看次数

标签 统计

drag-and-drop ×3

html5 ×2

javascript ×2

browser ×1

file-upload ×1