Angularjs 在引导框中输入[文件]

我试图显示一个带有

引导框的弹出窗口。对话框（…）

。在这个引导框中，我想放置一个

input type=“file”

并检索上传的文件。如何获取上传的文件

引导盒（在我的AngularJS控制器内）

bootbox.dialog({
标题：“更多信息”，
消息：“”+
' ' +
' ' +
'' +
“徽标”+
'' +
'' +
'' +
“浏览其他徽标”+
'' +
'' +
'' +
'',
按钮：{
危险：{
标签：“取消”，
类名：“btn btn主”
},
成功：{
标签：“生成单词”，
类名：“btn btn主节点”，
回调：函数（）{
log（document.getElementById（'logo'）.val（））；
}
}
}
});

Ng输入文件不允许使用Ng模型

并非所有提供的功能都适用于所有输入类型。具体来说，input[file]不支持通过ng模型进行数据绑定和事件处理

您可以选择文件路径并与Jquery文件上传功能一起使用

这将帮助您：

---

这与您的问题并不完全相关，但您也可以使用模板（通过

标记）作为表单；这会使当前模板中的一些错误变得更加明显（您缺少一个结束范围，而一个BS类缺少一个连字符）。下面是一个例子：

模板

---

如何获取此文件路径？

 bootbox.dialog({
            title: "More information",
            message: '<div class="row"> ' +
                '<div class="col-md12"> ' +
                '<form class="form-horizontal"> ' +

                    '<div class="form-group">' +
                        '<label class="col-md-3 control-label" for="logo">Logo</label> ' +
                        '<div class="col-md-4">' +
                            '<img id="logo" name="logo" class="customerImg"/>' +
                        '</div>' +
                        '<span class="btn btn-default btn-file col-md-3">Browse another logo<input type="file" fileread="customerLogo" />' +
                    '</div>' +

                '</form>' +
                '</div>' +
                '</div>',
            buttons: {
                danger: {
                    label: "Cancel",
                    className: "btn btn-primary"
                },
                success: {
                    label: "Generate word",
                    className: "btn btn-primary",
                    callback: function () {
                        console.log(document.getElementById('logo').val());
                    }
                }
            }
        });

<script type="text/template" id="file-template">
    <div class="row">
        <div class="col-md-12">
            <form class="form-horizontal">
                <div class="form-group">
                    <label class="col-md-3 control-label" for="logo">Logo</label>
                    <div class="col-md-4">
                        <img id="logo" name="logo" class="customerImg"/>
                    </div>
                    <span class="btn btn-default btn-file col-md-3">
                        Browse another logo
                        <input type="file" name="imageFile" fileread="customerLogo" />
                    </span>
                </div>
            </form>
        </div>
    </div>
</script>

bootbox.dialog({
    title: "More information",
    message: $('#file-template').html(),
    buttons: {
        danger: {
            label: "Cancel",
            className: "btn btn-primary"
        },
        success: {
            label: "Generate word",
            className: "btn btn-primary",
            callback: function () {
                console.log(document.getElementById('logo').val());
            }
        }
    }
});