画像をサーバーにアップロードする前に、ファイルのアップロードで画像のサイズを変更しようとしています。更新された画像のブロブを返す適切なプラグインを見つけましたが、アップロードで使用されているファイル オブジェクトにブロブを割り当てる方法が見つかりません。
ブロブは次のようになります: data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQAB.....
var file = e.target.files[0];
canvasResize(file, {
width: 300,
height: 0,
crop: false,
quality: 80,
//rotate: 90,
callback: function (data, width, height) {
// How to assign the data blob back to the file?
//$(file).attr('src', data);
// THEN submit with the smaller photo
$('#PhotoForm').ajaxSubmit(options);
}
});
ありがとう!