[REACTJS] FormData로 canvas.toDataURL ()를 전송

FormData로 canvas.toDataURL ()를 전송

해결법

1. ---

   1.POST 요청에 바이너리 데이터를 보내려면의 Blob를 사용하고 싶습니다. 블롭은 원시 이진 데이터를 나타낸다. 캔버스의 물방울을 얻으려면, 당신은 toBlob 방법을 사용할 수 있습니다.

   POST 요청에 바이너리 데이터를 보내려면의 Blob를 사용하고 싶습니다. 블롭은 원시 이진 데이터를 나타낸다. 캔버스의 물방울을 얻으려면, 당신은 toBlob 방법을 사용할 수 있습니다.

   당신이 Blob 인스턴스에가 있으면, 당신은 Append 메서드를 사용하여 FormData에 물방울을 추가 할 수 있습니다. Append 메서드는 두 번째 인수로 한방울 인스턴스를 수용한다. 당신은 서버에 물방울과 함께 보낼 수있는 파일 이름을 지정에 추가 할 선택적인 세 번째 인수를 전달할 수 있습니다.

   블롭은 파일 데이터로 서버에서 수신됩니다.

   행동이의 예 :

   const canvas = document.getElementById('my-canvas');
   canvas.toBlob(function(blob) {
     const formData = new FormData();
     formData.append('my-file', blob, 'filename.png');
   
     // Post via axios or other transport method
     axios.post('/api/upload', formData);
   });
   

from https://stackoverflow.com/questions/48195480/sending-canvas-todataurl-as-formdata by cc-by-sa and MIT license