JavaScript-TinyMce图像上载程序具有指定的上载路径-堆栈溢出

顺晟科技

2022-10-19 11:44:36

213

我想知道在TinyMCE中有没有使用本地文件选择器上传图像的方法，我们可以指定图像上传路径？以前我已经制作了一个本地文件（图像）选择器，但当我上传它时，图像将以base64编码的图像存储在txt文件中。我想要的是将图像直接保存到我的服务器上，并将“IMG SRC”作为指定的上传路径。有人知道这样做的密码吗？感谢您的帮助，非常感谢！

28/8/2021 我想根据@Dmitry D建议的答案更新当前代码。我已经将automatic_uploads设置为'true'，并指定了本地目录所习惯的上传目录，但它仍然返回一个405 http错误。

目前我使用的是TinyMCE 5.8.2生产包我已经设置了FLASK_ENV=development和FLASK_APP=app

这是我的index.html

<body>
    <div class="container">
        <div class="row">
            <h2>TinyMCE Upload Image with Python Flask</h2>
            <form id="posts" name="posts" method="post" action="./static/tinymce/postAcceptor.php">
                <textarea name="message" id="message"></textarea><br>
            </form>
        </div>
    </div>
<script src="./static/tinymce/tinymce.min.js"></script>
<script>
    tinymce.init({
        selector: "textarea#message",
        plugins: "code image",
        toolbar: 'undo redo image',
        image_title: true,
        automatic_uploads: true,
        images_upload_url: './static/tinymce/postAcceptor.php',
        images_upload_credentials: true,
        file_picker_types: 'image',
    });
</body>

app.py（Flask框架）

PostAcceptor.php

我的目录大致如下所示:

ImageUploader/ -app.py -Venv -静态 ----上传 ----Tinymce -----tinymce.min.js -------PostAcceptor.php -模板 ----index.html

在我写了flask运行，然后点击图像按钮，上传菜单就在那里，我可以从我的本地目录浏览，但当我试图上传它时，它说“http：Error 405”。我试图检查它，在控制台菜单上它创建了一个错误，该错误表示“post http://localhost:5000/statist/tinymce/postacceptor.php 405（方法不允许）”

有人知道这是如何发生的，以及如何解决它吗？非常感谢你们！

顺晟科技：

选项应该会有所帮助。它将自动在服务器上上传图像，并将blob URL替换为文件的真实路径。以下是PHP上传处理程序的示例，该处理程序将上传图像并将它们的URL返回给TinyMCE.

上一篇：JavaScript-Image交换下一篇：JavaScript-顶部菜单的位置

网站建设

Html

JavaScript-TinyMce图像上载程序具有指定的上载路径-堆栈溢出