将图像粘贴到富文本格式（例如gmail）
|
我希望能够从剪贴板复制图像，特别是屏幕快照，然后将其直接粘贴到RTF编辑器中，和/或上传该文件。我们仅使用chrome，因此仅适用于chrome。
http://gmailblog.blogspot.com/2011/06/pasting-images-into-messages-just-got.html
现在，当您运行最新版本的Google Chrome时，也可以直接从剪贴板粘贴图像。因此，如果您从网络或其他电子邮件中复制图像，则可以将其直接粘贴到您的消息中。
有人知道这个新的gmail功能是否是可以自己实现的javascript吗？或对此有任何其他见解？
没有找到相关结果
已邀请:
1 个回复
降女陷费券
<html> <body> <div id=\"rte\" contenteditable=\"true\" style=\"height: 100%; width: 100%; outline: 0; overflow: auto\"></div> <script type=\"text/javascript\"> document.getElementById(\"rte\").focus(); document.body.addEventListener(\"paste\", function(e) { for (var i = 0; i < e.clipboardData.items.length; i++) { if (e.clipboardData.items[i].kind == \"file\" && e.clipboardData.items[i].type == \"image/png\") { // get the blob var imageFile = e.clipboardData.items[i].getAsFile(); // read the blob as a data URL var fileReader = new FileReader(); fileReader.onloadend = function(e) { // create an image var image = document.createElement(\"IMG\"); image.src = this.result; // insert the image var range = window.getSelection().getRangeAt(0); range.insertNode(image); range.collapse(false); // set the selection to after the image var selection = window.getSelection(); selection.removeAllRanges(); selection.addRange(range); }; // TODO: Error Handling! // fileReader.onerror = ... fileReader.readAsDataURL(imageFile); // prevent the default paste action e.preventDefault(); // only paste 1 image at a time break; } } }); </script> </body>