0

我正在寻找具有 HTML 和 JS 技术的文件上传器的实现。目标是让它在大多数平台上运行，但至少在 Google Chrome、FireFox 和 IE9+ 上运行，并具有复制和粘贴屏幕截图以及拖放的能力。

不幸的是，那里的人并不多。我更喜欢blueimp，因为它易于实现。另一种可能是imgur使用的一种。但因此我没有找到任何 git-repo。

主要目标是在GC、FF和IE9+中使用它，具有截屏和粘贴功能，并且具有拖放功能。即使有silverlight或flash之类的后备。

有什么建议吗？

4

3 回答 3

1

我过去用过这个

https://github.com/valums/file-uploader

如果我没记错的话，效果很好。

现在它移到了 https://github.com/Widen/fine-uploader

它不使用闪光灯，并且具有拖放功能。

“制作截图并粘贴的功能”是什么意思？

于 2013-03-29T09:02:14.550 回答
1

Fine Uploader在 3.4 中支持复制和粘贴图像上传，该版本将在未来几天发布。此支持最初仅适用于 Chrome。让它在 Firefox 和其他不正确支持剪贴板 API 的浏览器中工作可能会在另一个版本中发生，因为这将需要更多的工作，并且可能需要一些服务器端的魔法。

您可以在我写的关于该主题的博客文章中阅读有关 Fine Uploader 中复制/粘贴图像支持的更多信息。如果您有兴趣，还可以在 Github 中查看和评论相关的功能案例。

完全披露：我是 Fine Uploader 的主要维护者。

于 2013-03-29T13:06:54.657 回答
-1

所以，我有自己的解决方案。

我将它实现到blueimp fileuploader中。

@Ray Nicholus，以防万一您需要任何帮助，请尝试在 FF 中粘贴图像：

插入内容可编辑的 div：

<div id="editable" style="position: absolute; left: -99999;" contenteditable></div>

在粘贴的情况下使用这个：

document.onpaste = function(event){
                    $('#editable').focus();

                    setTimeout(function()
                    {
                       //get the base64 image
                       var src = $('#editable').find('img:first').attr('src');
                       //doing something with the image... and clearing the div
                       $('#editable').empty();
                    }, 10);

编辑：当然你必须验证它是否是图像。

非常感谢您的努力。如果您的优秀上传者在线使用新功能，我会试一试；）我也希望会有更具体的演示，我可以在不下载示例的情况下试一试。

丹尼尔

于 2013-04-02T12:05:47.407 回答