質問: new Date().toLocaleDateString(); obj.save(null, { success: function(obj) { alert("データを保存しました。"); }, error: function(obj, error) { alert("データを保存に失敗しました。, error code: " + error.message); } }); }, function(error) { // アップロード失敗 alert(error.message); }); } }; ```
回答: HTML/JavaScript で画像データを縮小するには、``を利用する方法があります。 Canvas に縮小サイズで描画した後、Canvas 自体を画像データとして取得する感じです。 動くデモ: サンプルコード: ``` // 画像データ(DataURL)を縮小して返す function makeSmall(data) { // 画像データの縦横サイズを取得する var image = document.createElement("img"); image.src = data; var width = image.naturalWidth; var height = image.naturalHeight; // 縮小する。今回は縦横それぞれ1/2 var canvas = document.createElement("canvas"); canvas.width = width / 2; canvas.height = height / 2; canvas.getContext("2d").drawImage(image, 0, 0, width / 2, height / 2); // データURLにして返す。他にバイナリを返す toBlob() メソッドもあります。 return canvas.toDataURL(); // JPEG形式のほうが良い圧縮率が得られると思われます。 // 第2引数は品質レベルで、0.0~1.0の間の数値です。高いほど高品質。 // return canvas.toDataURL("image/jpeg", 0.5); } ```