javascript - フォームの他のデータと一緒に画像を保存するにはどうすればよいですか?

Question

Firebase を使用してイベントのリストを保存しようとしています。各イベントには、典型的な情報名、日付、場所、および画像があります。ファイル api を使用して、残りのデータを含む dataurl を参照に保存しようとしましたが、他のすべてのデータと同じキーで画像を取得できないようです。Firebase の名前 id の下に他のすべてのデータを含むフォームを介して画像をアップロードするにはどうすればよいですか。

これは、ファイルの変更イベントのハンドラーです。

function onFileChanged(theEvt) {
    var theFile = theEvt.target.files[0];

    // check to see if it is text
    if (!theFile.type.match("image.*")) {
        return;
    }

    var reader = new FileReader();

    reader.onload = function (evt) {
        var resultdata = evt.target.result;
        var file = theFile.name.replace(/\.[^\.]+$/, '');

        nameRef = new Firebase('https://firebaseio.com/events/' + file);
        var f = nameRef.child('image');
        f.set(resultdata);
    }

    reader.readAsDataURL(theFile);
}