javascript - 想要将 Javascript 中的值转换为 HTML 表单以提交到 Firebase 数据库

Question

我对 Javascript 一点也不感兴趣，但必须使用两个不同教程中的代码构建此输入表单，以帮助我为我的 Andoid 应用填充 Firebase 数据库。我一切正常，但如何将脚本中的 Url 值作为值获取到下面的表单中以提交到 Firebase。正如我所说，一切正常，但我只是无法将该值放入要提交的表单中。

这是运行良好的脚本，加载到 Firebase 存储并返回 URL:

function() {
    var starsRef = storageRef.child('images/'+ file.name);

    starsRef.getDownloadURL().then(function(url) {
        document.querySelector('#preview').src = url;
        var t=document.querySelector('p')
        t.innerHTML = '<b>Firebase Storage URL: </b>' + url
    }).catch(function(error) {
        console.log('Error Download File');
    });
    });
}
</script>

现在我希望将该 url 值输入到以下表单中以提交到我的 Firebase 数据库。请帮助我在“value =”“”字段中输入什么内容。

     <p>
                    <input type="hidden" name="image" id="image" value=url>
                    <label>Name</label>
                    <input type="text" name="name" id="name" required>
                </p>
                <p>
                    <button type="submit">Submit</button>
                </p>
            </form>

就像上面提到的那样，根本不涉及这个，但需要这个表格来让我的 Android 应用程序的生活更轻松，提前感谢您的帮助。

Answer 1

一种方法是使用 getElementById如下:

        var starsRef = storageRef.child('images/' + file.name);
        starsRef.getDownloadURL()
        .then(function (url) {

            document.getElementById("image").value = url;

            document.querySelector('#preview').src = url;
            var t = document.querySelector('p')
            t.innerHTML = '<b>Firebase Storage URL: </b>' + url
        })
        .catch(...)