JavaScriptでのパラメータ取得・設定方法について

https://kido0617.github.io/js/2019-12-01-firebase-form-upload/ のページを参考に、下記のようなJavaScriptのコードで、Firebase storageに画像ファイルをアップロードする機能を作成いたしました。

JavaScript
1    var firebaseConfig = {
2      apiKey: 'xxxxx',
3      projectId: 'yyyyy',
4      storageBucket: 'zzzzzz',
5    }
6    firebase.initializeApp(firebaseConfig);
7
8    var form = document.querySelector('form');
9    form.addEventListener('submit', uploadPhoto, true);
10    function uploadPhoto() {
11      var imgs = form.querySelector('#images');
12      var uploads = [];
13      for (var file of imgs.files) {
14        var storageRef = firebase.storage().ref('form-uploaded/' + file.name);
15        uploads.push(storageRef.put(file));
16      }
17
18      Promise.all(uploads).then(function () {
19        console.log('アップロード完了');
20      });
21    }

ここで拡張したい機能が2つありまして、
① ユーザー名(user_name)を取得してref('/form-uploaded' + '/user_name' + file.name)のような形で画像ファイルを保存したい
②保存先のURLパスをphotoURLのようなパラメータ名でパラメータとして取得できるようにしたい
…ということをやりたいと思っているのですが、なかなかうまく実装できないでおります。

初心者の同しようもない質問で恐縮ですが、どなたかご教授いただけると幸いです。