TinyMCE的拖放图片上传插件

Question

TinyMCE的拖放图片上传插件

javascriptjquerydrag-and-droptinymceimage-uploading

8

我正在寻找一个可以轻松集成到tinymce中的tinymce插件或外部jquery解决方案，它可以实现拖放图片上传和插入到tinymce文本区域中，可以直接将图片拖放到文本区域本身或定义的“拖放区域”，类似于WordPress中的新媒体上传按钮或者更好的是，不显示任何对话框。

我不想要额外的功能，比如图库浏览器或图像存储库管理，已经尝试了几个做这个的插件，但客户觉得太繁琐和复杂了，他只想拖动图片并忘掉它，因为他永远不会再使用那张图片。

- Borgtex

嗨，Borgtex。你找到解决方案了吗？我也在寻找类似的东西。 - rassom

2

我必须做类似这样的事情。我的解决方案是将带有base64图像的文本提交到服务器，然后在服务器端从Dom中提取base64 uri，将它们写入文件，用新创建的文件路径替换SRC，然后将文本提交到数据库。 - chiliNUT

@chiliNUT 这是一个有趣的解决方案。您在使用过程中是否持续成功？对于非常大的图像，是否存在任何问题？ - Manachi

@Manachi，由于它是Base64编码的，上传大小最终会比图像大约133%。尽管如此，对我来说这不是个问题，因为主要用例是导出自Photoshop的合理Web尺寸的图像（小于1MB）。对于大型图像，以及一般情况下，我推荐使用responsivefilemanager.com这个出色的tinymce插件。 - chiliNUT

当前的TinyMCE带有以下功能：https://www.tinymce.com/docs/get-started/upload-images/ - jayarjo

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Dave L. · Accepted Answer

需要支持哪些浏览器？

您是否尝试过将图像拖放到TinyMCE文本区域中？它会将图像编码为base64，并将该编码用作图像标记的src属性的值。由于客户“不会再次使用该图像”，这可能是一种临时解决方案，特别是如果图像很小，例如标志等。

或者，许多人成功地使用https://github.com/valums/file-uploader进行拖放上传功能，但我不确定如何将其与TinyMCE集成。