复制到剪贴板功能的最新技术(我的调查)

Flash替代品

• 我找到了以下替代方案:
  • Zclip:我们正在使用
  • zeroclipboard(祖先,zclip使用其按钮flash电影):仅文本
  • Clippy:只有页面中的文字https://github.com/mojombo/clippy
• 您可以在(ActionScript:Flash)代码中看到:http://code.google.com/p/zeroclipboard/source/browse/trunk/ZeroClipboard.as(第77行)
• 他们使用System.setClipboard(cliptText)调用,它只支持纯文本字符串,我们可以在Adobe AIR API参考中看到:http://help.adobe.com/en_US/air/reference/html/flash/system/System html的
• 所以我们不能通过flash传递格式化的文本.

HTML5替代方案

草案中有一个用于标准化剪贴板事件的API,但目前尚未在任何浏览器中实现http://dev.w3.org/2006/webapi/clipops/

我的Rails/Zclip实现

我正在使用zclip(基于zeroclipboard)将文本从restfule服务复制到系统剪贴板:

$('.copy-to-clipboard').zclip
  path:'/ZeroClipboard.swf'
  setHandCursor: true
  copy: -> 
    ajaxReturn = $.ajax
     type: 'GET'
     async: false
     url: '/resources/copy_to_clipboard/' + $(this).attr("class").match(/[0-9]+/)
    return ajaxReturn.responseText

这是coffeescript.

如果服务(/ resources/copy_to_clipboard /)提供文本,则将其复制到右侧.但如果它服务于DOCX文件,它不会直接复制到剪贴板.看看rails控制器:

  def copy_to_clipboard
    send_file @resource.resource_content.content.file.file, :type => 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'
  end

这个问题

你有没有随时解决复制BINARY数据到剪贴板？如何 ？

谢谢

我正在努力使用户可以将图标从Web浏览器拖到他们的桌面,并创建一个文本文件.我有内容部分,但我无法弄清楚如何设置文件名.我试过变异,dataTransfer.files但这是只读的.我不知道如何实现这一目标.

class CrashReport extends React.Component {
  dragStart(event) {
    const dat = {name: 'test!', crashDate: new Date()};

    event.dataTransfer.name = 'tmp.txt'; // bad
    event.dataTransfer.setData('text/plain', JSON.stringify(dat, null, 2));
    console.log(event.dataTransfer);
  }

  render() {
    return <div draggable onDragStart={this.dragStart.bind(this)}>
      Drag This
    </div>
  }
}

http://embed.plnkr.co/ar3deFFvedcWhVfwt6c6/

似乎Gmail刚刚启动此功能,它不需要您安装任何插件等.

它适用于Firefox和Chrome,但不适用于IE.