使用 CTRL + V FROALA 粘贴图像时出错

Question

我从第 4 版开始 Froala 的基本版本，问题是如果我用 CTRL + v 粘贴图像，它不会出现在编辑器中，因为它显示一条消息“图像文件类型无效 "，但如果我使用图像图标，它会毫无问题地上传并在编辑器中保持可见。我该如何解决？

Preview error message

这是我的代码

<script>
  new FroalaEditor('#description',{
   toolbarButtons: ['bold', 'italic', 'underline', 'fontFamily', 'color','paragraphFormat', 'align', 'formatOL', 'formatUL', 'outdent', 'indent','insertImage','insertTable','|', 'undo', 'redo'],
   imageInsertButtons: ['imageBack', '|', 'imageUpload'],
   quickInsertTags: [],
   language: 'es',
   attribution: false,
   charCounterCount: false,
   imageUploadURL: '/upload_files',
   imageUploadParams: {
         _token: "{{ csrf_token() }}",
        id: '{{$model->id}}'
      }
  });
</script>

Answer 1

我在使用以下来源时遇到了这个问题

https://cdn.jsdelivr.net/npm/froala-editor@4.0.4/js/froala_editor.pkgd.min.js

如果我改成这个 - 它解决了问题

https://cdnjs.cloudflare.com/ajax/libs/froala-editor/4.0.4/js/froala_editor.min.js

Answer 2

我们检测到的问题是 copy/pasted 时文件类型不同。如果您粘贴一个 png 文件 - 它将是 image/png;base64。在允许的图像文件类型中允许 png;base64 imageAllowedTypes 将请求发送到服务器，然后由服务器处理该请求。

使用 CTRL + V FROALA 粘贴图像时出错

Error when pasting image with CTRL + V FROALA

froala