2013-01-17 37 views
1

我正在尝试为我的网站制作上传文件夹,因此用户可以轻松地在其上拖放文件。以较少的拖放方式拖放上传

这里有很多的库和事件,但我需要一个简单的方法。

这个(thought)来到我的脑海...

我把file input页面,并设置widthheight

现在当我的用户在上面拖动一个文件时,onchange事件就会起作用。

,但我想隐藏浏览按钮,并有两路:

设置0 opacity(它不是在某些浏览器中工作)

设置hidden visibility(思想不工作)

帮助我,还有什么我可以尝试?

+0

我会建议阴影DOM,但这不是一个工作草案。 – Mooseman

回答

1

将表单放在隐藏的iframe上。为目标使用普通的div。当文件被删除时,捕获事件并更新输入,然后作为帖子提交。结果是通过文件拖放来上传ajax。

+1

或者,您可以使用FileReader读取丢弃的文件,并使用新的XMLHTTPRequest二级标准进行上载。 – Licson