Compressor js 를 사용해보셨나요?
이미지를 클라이언트 단에서 압축해서 서버단으로 보내야 합니다.
해당 js를 활용해서 압축까지는 했습니다.
근데 문제가 압축된 데이터를 unique한 값의 데이터로 만들어 post로 넘기려고하거든요..
Copy
new Compressor(file, {
maxWidth: 2048, // 가로
maxHeight: 2048, // 세로
quality: 1, // 품질
success(result) {
// result 가 압축된 파일데이터 입니다..
var input1 = document.createElement('input');
input1.setAttribute("name", "data1");
input1.setAttribute("type", "file");
input1.setAttribute("name", "uniqueData");
input1.setAttribute("value", result);
},
error(err) {
console.log(err.message);
},
});이런식으로 file 타입의 input 을 만들어서 거기 데이터를 넣고 싶거든요,, 가능할까요?
저렇게 해봣지만 안되서요,,
답변 1개 / 댓글 1개
채택된 답변
+20 포인트
2021-04-20 (화) 17:34:01
파일인풋을 dom으로 생성하여 그 인풋데이터에 file 데이터를 스크립트로는 넣을 수 없습니다
Copy
var f = new formData();
f.append('data1', result);이런식으로 폼 데이터를 활용하셔야 합니다
폼데이터 활용법은
https://developer.mozilla.org/en-US/docs/Web/API/FormData/Using_FormData_Objects
에서 참고하세요.
답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.