React Quill 이미지에 관한 질문

Question

const quillRef &#61; useRef<ReactQuill>(null); const imageHandler &#61; async () &#61;> {const input &#61; document.createElement(&#34;input&#34;);input.setAttribute(&#34;type&#34;, &#34;file&#34;);input.setAttribute(&#34;accept&#34;, &#34;image/*&#34;);input.click();input.addEventListener(&#34;change&#34;, async () &#61;> {const formData &#61; new FormData();const file &#61; input.files?.[0];if (file) {formData.append('image', file); try {const res &#61; await axios.post('이미지 업로드 하는 백엔드 URL', formData);const imgUrl &#61; res.data;console.log(imgUrl);const editor &#61; quillRef.current?.getEditor();const range &#61; editor?.getSelection()?.index;editor?.insertEmbed(range || 0, 'image', imgUrl);if (range !&#61;&#61; undefined) { editor?.setSelection((range &#43; 1), 1) }} catch (error) { console.log(error) }}});}; 이미지를 에디터에 올리면 백엔드 서버 로컬에 이미지가 저장되고 해당 정적 파일 URL을 img 태그로 감싸 임베딩하는 핸들러를 구현했는데요만약에 게시글을 삭제할 때 로컬에 저장된 이미지도 삭제하려면 어떤 방식으로 구현해야 될까요?해보고 있는데 도무지 감이 잡히질 않아서 도움을 요청해봅니다..

React Quill 이미지에 관한 질문

0개의 답변

Q&A 목록