[やりたいこと]
FormをsubmitをしたときのVue3で書いた関数の中身を確認したいです
[問題点]
preventDefault();を使えばsubmitの処理を止めてconsole.log()で関数の中身が確認できると思い試しているのですが、submitの処理がそのまま走ってしまいいます。
Vue
1 //////////Canvasのデータをblob化/title/commentをaxiosでPOST////////// 2 let saveCanvas = (canvas_id) => { 3 const type = "image/png"; 4 const canvas = document.getElementById(canvas_id); 5 const dataurl = canvas.toDataURL("image/jpeg", 0.85); 6 const bin = atob(dataurl.split(",")[1]); 7 const buffer = new Uint8Array(bin.length); 8 for (let i = 0; i < bin.length; i++) { 9 buffer[i] = bin.charCodeAt(i); 10 } 11 12 const blob = new Blob([buffer.buffer], { type: type }); 13 14 //new FormData() を作成 15 const data = new FormData(); 16 data.append('canvas', blob, 'image/png'); 17 18 console.log(data); 19 preventDefault(); 20//ここで処理を止めてconsole.log(data);でconst dataの中身を確認したい。 21 22 axios 23 .post("/api/images/",data) 24 .then((res) => { 25 console.log('success'); 26 console.log(data.get('canvas')); 27 }) 28 .catch((error) => { 29 new Error(error); 30 }); 31 return false; 32 };
上記コード内の const data の中身を確認するにはどうすればいいでしょうか?
回答2件
あなたの回答
tips
プレビュー