javascript – Trumbowyg：Django服务器可以检测文件上传但不能检测图像URL输入

我正在使用Trumbowyg,一种WYSIWYG JavaScript编辑器,它具有从粘贴的URL渲染图像的功能.它还有一个upload plugin,可以上传本地图像和自定义服务器端处理.

我的python / django函数upload_image()可以成功检测上传的图像 – 但是当我使用URL图像输入时,我的python函数无法检测到它. Trumbowyg只是渲染图像而不通过我的python后端.

这是我的代码：

$('#id_content').trumbowyg({
    btnsDef: {
        // Create a new dropdown
        image: {
            dropdown: ['insertimage', 'upload'],
            ico: 'insertimage'
        }
    },
    // redefine the button pane
    btns: [
        ['strong', 'em', 'del'],
        ['link'],
        ['image'], // Our fresh created dropdown
    ],
    plugins: {
        // Add imagur parameters to upload plugin for demo purposes
        upload: {
            serverPath: '/upload_image/',
            fileFieldName: 'content_image',
            urlPropertyName: 'url'
        }
    }
});

def upload_image(request):
    print('Success') #only prints when I use the upload input, not the URL input

为什么可以检测上传的图像而不是URL输入？

解决方法:

如前所述,如果用户使用URL上传图像,Trumbowyg不会将URL发送到后端.

但是,如果您真的想在自己的服务器上托管图像,那么有一种方法可以做到这一点.

当用户提交表单时,您将在后端收到textarea的内容.然后,您可以阅读内容并查找< img src =“...”>标签.

此时,您可以检查src值是否不以S3存储桶主机名开头,您可以使用urllib或requests库下载该映像,将其保存到存储桶并替换src值.

由于提交的数据将采用HTML格式,请查看优秀的Beautiful Soup.这将使解析HTML变得容易.