[やりたいこと]
FormをsubmitをしたときのVue3で書いた関数の中身を確認したいです
[問題点]
preventDefault();を使えばsubmitの処理を止めてconsole.log()で関数の中身が確認できると思い試しているのですが、submitの処理がそのまま走ってしまいいます。
Vue
//////////Canvasのデータをblob化/title/commentをaxiosでPOST////////// let saveCanvas = (canvas_id) => { const type = "image/png"; const canvas = document.getElementById(canvas_id); const dataurl = canvas.toDataURL("image/jpeg", 0.85); const bin = atob(dataurl.split(",")[1]); const buffer = new Uint8Array(bin.length); for (let i = 0; i < bin.length; i++) { buffer[i] = bin.charCodeAt(i); } const blob = new Blob([buffer.buffer], { type: type }); //new FormData() を作成 const data = new FormData(); data.append('canvas', blob, 'image/png'); console.log(data); preventDefault(); //ここで処理を止めてconsole.log(data);でconst dataの中身を確認したい。 axios .post("/api/images/",data) .then((res) => { console.log('success'); console.log(data.get('canvas')); }) .catch((error) => { new Error(error); }); return false; };
上記コード内の const data の中身を確認するにはどうすればいいでしょうか?
まだ回答がついていません
会員登録して回答してみよう