44

首先，我了解无法将图像从本地计算机“复制”到网站中。我知道它必须上传。我是一名网络程序员，熟悉常见的网络所见即所得工具，如 TinyMCE 和 FCKEditor。我的问题是，是否存在一个程序或网络模块或类似的东西可以为所见即所得执行自动上传图像。我有一个客户一直在抱怨无法将带有 MS Word 图像的文档复制/粘贴到所见即所得的网站上以在他们的网站上创建内容。

我研究了 TX 文本控件 ( http://labs.textcontrol.com/ )，并正在研究一个可能的闪存所见即所得，它可以在幕后自动上传文件。我不知道这是否存在，而且谷歌在我的搜索中没有太大帮助，所以我想我会问其他编码人员。

我对任何类型的服务器技术或浏览器要求持开放态度。我正在寻找一些基于浏览器的工具，而不是 Dreamweaver 或其他应用程序工具。

如果问题没有好的解决方案，我愿意在这一点上接受。

注意：这是客户的要求，对我来说似乎很不合理。我决定收集社区建议，而不是仅仅告诉客户“不”，这里的选项在提出可能的解决方案方面非常有帮助和信息量很大。

4

11 回答 11

29

您可能会从ScreenshotMe中找到灵感。

基本上你需要不同的部分：

  • 将图像从剪贴板中取出并将其上传到网络的东西：这可能是 java applet、flash 或 firefox 扩展。Flash 或 Java 将具有跨浏览器的优势
  • 然后你使用<canvas>标签在图像上传后显示图像（使用explorercanvas将其带到canvasInternet Explorer）

正如我在评论中指出的那样，谷歌正在停止支持 HTML5 的设备，请查看7 User Interaction - HTML 5。

编辑：

HTML5 在实现时应该与系统的剪贴板交互。我想下面的场景会起作用：

在实现 HTML5 复制/粘贴拖放之前，您必须依靠Flash或（签名的）Java 小程序与剪贴板进行交互。

于 2010-01-08T08:42:28.130 回答
3

您可以使用 Google Gears 查看拖放上传。

于 2010-01-05T20:48:19.367 回答
3

我看到这是一个旧线程，但如果有人还在寻找这样的东西（就像我一样），我今晚从一家名为 Ephox 的公司发现了一款​​名为textbox.io的产品（看起来他们也买下了 TinyMCE） .

无论如何，这是我发现的第一个（如果不是唯一的话）javascript/HTML5 编辑器，它使用他们称为 PowerPaste 的专有插件成功地从 word 中粘贴图像。在初始粘贴时，它会提示再次点击粘贴以导入图像。工作就像一个魅力 - 我唯一的问题是，对于像我参与的初创公司来说，它非常昂贵，每月 500 美元以上（ZAR 每月±R6,650+），不幸的是，这让我们无法选择:(

于 2016-08-10T20:13:51.923 回答
2

我有一个客户一直在抱怨无法将带有 MS Word 图像的文档复制/粘贴到所见即所得的网站上以在他们的网站上创建内容。

这将失败。MS Word 不会创建有效的 HTML，对于使用符合标准的浏览器的用户来说，页面会显得损坏。Word 也有一些奇怪的锚定图像和流动文本的方法，这些方法不会翻译。简而言之，Word 是编写 HTML 的糟糕环境。

当然，您的客户可能不会接受将我们带到选项 2 的内容：

由于您的客户已选择 Word 作为其所见即所得编辑器，因此将该内容粘贴到另一个所见即所得编辑器中几乎没有意义。您的最佳解决方案是研究从 Word 或 OPen Office 自动导出 HTML 的方法。这可以使用 VBA 和服务器端脚本的组合来完成，首先将文档转换为 HTML（这也会将图像写入磁盘），然后将组合的内容上传到服务器。

于 2010-01-12T11:13:43.513 回答
2

asp.net 中没有可用的直接选项，但您可以这样做

http://www.codeproject.com/KB/graphics/ClipboardActiveX.aspx

于 2011-11-15T06:12:21.040 回答
1

仅 HTML

您可以使用（在拖放时）自动创建一个不可见的 HTML 表单、文件输入、将文件名的路径复制到文件输入并提交表单的东西。

您可以在不可见的 iframe 中创建表单以在后台发送它而不更改当前页面。你知道，标准的 Ajax 程序。

对删除/粘贴的一点帮助

我不知道 HTML 是否允许删除文件项。如果不是，您可以查看 Google 正在尝试制定的 HTML 5 规范。

另一种选择是使用某种富客户端组件（带有 Swing 或 Flash、Silverlight 或 wathever 的 Java Applet）至少来掌握文件的删除（或粘贴）并创建 HTML 表单。

为什么我更喜欢发送表格

我更喜欢创建表单而不是发送文件的小程序，因为它不需要服务器上的另一个特殊端口或类似的东西。

于 2010-01-08T08:50:55.773 回答
1

我理解你的客户的困境。我正在做同样的事情，但目前没有什么优先级，所以我无法提出任何解决方案，只是一些笔记。

  • 当我将已保存的OpenOffice 文档（不适用于未保存的文档）中的图像复制 + 粘贴到 CKEDitor 实例中时 - 我这里没有要测试的 MS Word，但我认为它的工作方式类似 - 我插入了以下 HTML进入编辑器：

    <img src="file:///C:/Users/PEKKAG%7E1/AppData/Local/Temp/moz-screenshot-4.png">

    可以调整 Flash 或 Java 上传器，使该文件可以在用户很少交互的情况下获取。能够从用户的计算机获取文件是一个可怕的安全漏洞，但至少可以将上传程序预先设置到临时目录目录。

  • 然而，我觉得最有趣的是 Gregory Pakosz 提到的Canvas方法，因为这种方式可以在服务器端静默存储图像，无需任何上传。但是，与上述示例相同的安全限制仍然适用：图像位于不同的域中，因此页面上的脚本无法读取。人们必须找到一种使用浏览器设置或编写自定义扩展的方法。

于 2010-01-13T10:42:58.497 回答
1

如果我正确理解您的问题，您的客户可能有任何随机 Word 文档，并且其中一些文档可能包含图像。

您所描述的内容在某些方面类似于内容管理，而在其他方面类似于创建静态网页。

我假设您的客户希望他们网站的访问者以 HTML 页面而不是 Word MIME 类型的形式查看此类文档。

一些选项：

  • 使用 Word 另存为 HTML。不是最干净的 HTML，但可能是最干净的解决方案。

  • 让您的客户购买像 Dreamweaver 这样的产品，该产品既可以导入他们的 Word 文档，又可以清理 Word 生成的 HTML。

  • 如果您的客户有很多钱，请使用 VSTO 开发自定义解决方案

于 2010-01-14T16:30:30.900 回答
1

我的问题是，是否存在一个程序或网络模块或类似的东西可以自动上传所见即所得的图像

XStandard Pro 将从 Word 或其他应用程序/文件系统粘贴的图像上传到服务器。

于 2010-04-27T13:49:40.847 回答
0

在寻找类似的解决方案时，我注意到如果您从浏览器复制和粘贴，GMail 允许这样做。

如果您从 Word 复制，它似乎知道图像的尺寸（您可以看到图像的轮廓），但它实际上并没有粘贴/上传图像。

似乎不支持非 Office 桌面应用程序。

因此，假设 Google 工程师为此投入了一些认真的时间，我怀疑它还不能从桌面应用程序中实现，但也许如果你能找到一种快速将内容保存到网络的方法（例如使用 Word 的博客或保存作为 HTML 功能）然后您可以从中复制和粘贴，如果您的客户端准备采取该额外步骤并且您可以让它们直接保存到 Web 服务器。

缺口

于 2010-04-26T17:53:33.513 回答
0

称为 Redactor 的 WYSIWYG 编辑器允许将图像直接复制粘贴到编辑器中，而无需单击upload image按钮。

这是他们复制粘贴示例的链接。

于 2014-06-18T07:29:10.803 回答