Javascript 如何使一个元素上的事件导致另一个元素上的引导弹出？

我正在尝试用js创建一个图片上传按钮，该按钮将具有以下功能

1） 单击时弹出文件选择器（完成）

2） 从文件选择器中选择图像时，预览在引导弹出框中选择的图像

按钮包含文件类型的输入标记，css类（.file inputs）在元素上应用无显示，因此我无法将弹出框添加到输入标记，因为弹出框在隐藏元素上不起作用，当输入标记的值更改时，如何使弹出框显示在可见按钮上

也许是这样

$（'#photo'）.change（）（函数（）{
如果（！（$（“#照片”）.val（）=''）{
//使用引导弹出窗口在按钮上显示图像
});
});快速回答如下：

$("#yourbutton").on("yourevent", function(){$("#otherbutton").trigger("click");});

谢谢@Enrico，但是第一个“yourbutton”应该是“file with a change event”，文件输入标记被隐藏在“ortherbutton”中，因此使用此方法将再次弹出文件选择器，但我将尝试以其他方式使用此想法。。。谢谢，对于您的具体情况，您可能希望创建自己的popover，因为我不确定您是否可以将图像放置在bootstrap popover中。如果是这种情况，我可以帮你做这件事即使图像可以添加到引导弹出框中，我也希望你能帮我定制弹出框，谢谢为什么不把弹出框放在按钮上？