【備忘録】jQueryでアップロードした画像の情報を取得

【前提】

rails', ' 5.0.7.2'

carrierwaveで画像をアップロード

jQueryで非同期通信の実装中

【手順①】画像の情報をpropで取得

var file = $('#message_image').prop('files')[0];

var file = $('画像アップロードのオブジェクト').prop('files')[0];

file という変数に、アップロードした画像の情報を格納

【手順②】取得したい情報を指定

console.log(file.name);

変数.name  でファイルの名前（IMG_6583.JPGなど）を取得

console.log(file.size);

変数.size  でファイルのサイズ（1.5 MBなど）を取得

 【参考記事】

https://www.flatflag.nir87.com/prop-1812