ランダムな文字列のファイル名を作成

#概要
blobにランダムなファイル名をつけてアップロードしたい場合の処理をメモします。

#実装

.js

const imageName = Math.random().toString(32).substring(2)
const formData = new FormData()
formData.append('file', blob, imageName + '.jpg')
const config = {
    headers: {
      'content-type': 'multipart/form-data'
    }
}
await axios.post('/api/post_upload', formData, config).then(()=>{
      alert('画像アップロード完了')
})

1. Math.randomで0以上1未満の少数をランダムで生成
2. toString()で32進数に変換
3. substring(2)で3文字目以降を取得

#まとめ
本格的にするならもっとセキュアな名前つけた方がいいかもしれません。