bootstrap-vueのform-fileで選択した画像を送信する実装方法

下記の公式ドキュメント通り、ファイル送信のHTMLを組み込み
bottonをつけて送信を実行するロジックを組もうと思ってます。

ファイルを選択すると、自動でdataのfileプロパティ？に値が格納されるようですが
試しにconsole.logで出力するとbody部分がないのですが
取得する方法はありますでしょうか？

b-buttonのv-on:clickで呼ばれるメソッド内で送信処理を実装しようとしています。
（もっとこうゆうので実装したほうがベターだよとかあれば合わせてご教授ください）

補足：ファイルのbody部がほしい理由ですが、AWSｓ３にファイルをアップロードする際に必要になりそうだからです。
https://docs.aws.amazon.com/AWSJavaScriptSDK/latest/AWS/S3.html#putObject-property

[参考ドキュメント]

https://bootstrap-vue.org/docs/components/form-file

<template>
  <div>
    <!-- Styled -->
    <b-form-file
      v-model="file"
      :state="Boolean(file)"
      placeholder="Choose a file or drop it here..."
      drop-placeholder="Drop file here..."
    ></b-form-file>
    <div class="mt-3">Selected file: {{ file ? file.name : '' }}</div>

    <!-- Plain mode -->
    <b-form-file v-model="file2" class="mt-3" plain></b-form-file>
    <div class="mt-3">Selected file: {{ file2 ? file2.name : '' }}</div>
                <b-button size="lg" v-on:click="sendFile">
                   送信
                </b-button>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        file: null,
        file2: null
      }
    }
  }
</script>

[別ファイルのsendFile メソッド]

        sendFile: function(){
            console.log(app.file)
            console.log(app.file2)
        }

[コンソールの出力]　ファイル名やサイズなどの情報が格納されているようですが・・・
File {name: "3fce63a1540e253378f734336a677c9b17cdd0b7.jpg", lastModified: 1540716718962, lastModifiedDate: Sun Oct 28 2018 17:51:58 GMT+0900 (日本標準時), webkitRelativePath: "", size: 69792, …}
lastModified: 1540716718962
lastModifiedDate: Sun Oct 28 2018 17:51:58 GMT+0900 (日本標準時)
__proto__: Object
name: "3fce63a1540e253378f734336a677c9b17cdd0b7.jpg"
size: 69792
type: "image/jpeg"
webkitRelativePath: ""
__proto__: File