拖放文件在jquery中上传

Question

任何一个帮助在jquery中实现拖放文件上传。如果浏览器不支持拖放功能，则应显示默认文件上传以上传文件。

Answer 1

尝试http://www.dropzonejs.com/这是开源的。曾经是jquery现在它可以独立工作。

Answer 2

为节省时间，您可以考虑使用 IaaS解决方案进行文件上传，例如我们维护的文件 - Uploadcare

它支持拖放和点击选择开箱即用。您所要做的就是在Uploadcare网站上注册，并在您的页面上添加代码段：

<script>
    UPLOADCARE_PUBLIC_KEY = 'PUBLIC-KEY';
    UPLOADCARE_AUTOSTORE = true;
</script>
<script charset="utf-8" src="https://ucarecdn.com/widget/1.4.6/uploadcare/uploadcare-1.4.6.min.js"></script>

<input type="hidden" role="uploadcare-uploader" name="file_fieldname" />

可以单击窗口小部件，并可以选择文件：

或者您可以拖动文件并将其拖放到窗口小部件：

请参阅https://uploadcare.com

如果浏览器不支持拖放，则默认上传仍然有效。