多目标的跨浏览器拖放放大器;降文件上传 [英] Multiple-target cross-browser drag& drop file upload

问题描述

我们正在研究是否有可能具备以下条件：具有多个'文件夹'一个网页，一个用户可以拖动和放大器;删除一个文件。它的意思被用作接口扫描文档上传到一个归档。

We're investigating if it's possible to have the following: A webpage with multiple 'folders' to which a user can drag & drop a files. It's meant to be used as an interface to upload scanned documents to an archive.

例如，我们将不得不指出页面：'行情'，'发票'和; 杂项。根据不同的类型的文档的用户会拖动＆放;从本地文件系统中的文件拖放到这三个文件夹中的一个。那么就应该将文件上传到Web服务器上正确的文件夹。

For example, we would have page that states: 'Quotes', 'Invoices' & 'Misc'. Depending on the sort of document the user would drag & drop the file from the local file system to one of these three folders. It should then upload the file to the correct folder on the web server.

这是可能的，并且如果是，则使用ASP.NET任何现有的解决方案

Is this possible, and if it is, any existing solutions using ASP.NET?

推荐答案

您可以使用现代浏览器的HTML5功能这样做。详细解释一下：
HTTP：//www.useragentman。 COM /博客/ 2010/01/10 /跨浏览器的HTML5拖拽和拖放/
还有一个jQuery插件： https://github.com/weixiyen/jquery-filedrop 这一个是有点假（截断与法国一样口音的文件，它不能正确处理的几个拖放区域在同一个页面，...），但很容易修复（我派一个固定的版本，笔者星期前，但没有得到任何反馈...）
随着一些Ajax和正确的服务器端解决方案，它的工作原理就像一个魅力。我不知道任何.NET解决方案，虽然。
最好的，

You can use modern browsers HTML5 functionalities to do so. A detailed explanation here: http://www.useragentman.com/blog/2010/01/10/cross-browser-html5-drag-and-drop/ There is also the jQuery plugin: https://github.com/weixiyen/jquery-filedrop This one is a bit bogus (truncates files with accents like in french, doesn't handle correctly several drop areas in the same page, ...), but are easy to fix (I sent a fixed version to the author weeks ago, but didn't get any feedback...) With some Ajax and the correct server-side solution, it works like a charm. I don't know any .NET solution, though. Best,

这篇关于多目标的跨浏览器拖放放大器;降文件上传的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！