Summernote 편집기에 직접 복사된 이미지를 업로드하고 표시하는 문제

Question

이미지 버튼을 사용하지 않고 Summernote 편집기에 직접 복사한 이미지를 업로드하는 데 문제가 있습니다. 다음은 문제에 대한 간략한 개요와 지금까지 취한 단계입니다.

1. Summernote를 웹 애플리케이션에 통합하고 사용자가 이미지를 복사하여 편집기에 직접 붙여넣을 수 있도록 붙여넣기 기능을 활성화했습니다.

2. 이미지 붙여넣기 후 편집기에서 알 수 없는 이미지로 표시됩니다.

3. 그런데 AJAX를 이용해 이미지를 업로드하고 서버에 저장할 때, 서버에서 이미지를 가져와서 Summernote 편집기에서 표시하려고 하면 이미지가 제대로 표시되지 않습니다. 대신 알 수 없는 이미지나 문자가 왜곡된 파일로 나타납니다. 이렇게:

내 코드의 세부정보는 다음과 같습니다.

"index.html":

으아아아

"editor-upload.php:"

으아아아

이 문제를 해결하는 방법에 대한 지침이나 조언을 제공해 주시면 감사하겠습니다.

Answer 1

다음과 같이 수정하여 문제를 해결했습니다.

• "editor-upload.php" 파일에서 $_SERVER['REQUEST_SCHEME'] 与 $_SERVER['HTTP_HOST'] 도착 이미지 URL을 올바르게 구성하세요.

• JavaScript 코드를 다음과 같이 수정했습니다.

  으아아아

• 이미지 업로드를 처리하도록 JavaScript 코드를 업데이트했습니다. 여름 노트 편집자. 이미지가 호출되면 sendFile 함수가 호출됩니다. 업로드 후 AJAX를 사용하여 파일을 서버로 보냅니다. 응답 그런 다음 이미지 URL이 포함된 서버의 콘텐츠를 insertImage 메소드를 사용하는 편집자.

• FTP 파일 연결 문제가 있어서 이미지가 텍스트 편집기에서 엽니다. 이 문제를 해결하기 위해 파일을 조정했습니다. FileZilla 링크 이미지 파일의 연결 설정 이미지 뷰어 또는 적절한 응용 프로그램.

이러한 수정을 통해 Summernote 편집기에 직접 복사된 이미지를 성공적으로 업로드하고 표시할 수 있었습니다.