찾아는 봐야겠지만..
fakepath와는 별개로
cropper.getCroppedCanvas({ width: 160, height: 90, minWidth: 256, minHeight: 256, maxWidth: 4096, maxHeight: 4096, fillColor: '#fff', imageSmoothingEnabled: false, imageSmoothingQuality: 'high', }); // Upload cropped image to server if the browser supports `HTMLCanvasElement.toBlob` cropper.getCroppedCanvas().toBlob((blob) => { const formData = new FormData(); formData.append('croppedImage', blob); // Use `jQuery.ajax` method $.ajax('/path/to/upload', { method: "POST", data: formData, processData: false, contentType: false, success() { console.log('Upload success'); }, error() { console.log('Upload error'); }, }); }); |
[링크 : https://github.com/fengyuanchen/cropperjs]
+
[링크 : https://www.npmjs.com/package/form-data]
[링크 : https://skout90.github.io/2018/08/24/Node.js/blob-객체-컨트롤/]
'Programming > javascript & HTML' 카테고리의 다른 글
console.log 에 객체 배열 출력하기 (0) | 2018.10.15 |
---|---|
ajax를 동기로(?) (0) | 2018.10.15 |
캔버스에 그리고 드래그 하여 다른 캔버스로 영역 복사하기 (0) | 2018.10.11 |
css & jquery animation (0) | 2018.10.11 |
jquery / js로 배경이미지 변경하기 (0) | 2018.10.11 |