Question

我在jQuery中有这个代码：

$("#profileImage").click(function(e) {
    $("#imageUpload").click();
});

这是HTML：

<image id="profileImage" src="http://lorempixel.com/100/100" />
<input id="imageUpload" type="file"  name="profile_photo" placeholder="Photo" required="" capture>

如何在Angular 4中复制它？

编辑：从第一条评论中我看到我的问题不明确。

我想创建一个＆＃34;编辑个人资料图片，如果点击图片＆＃34;。这将打开＆＃34;选择文件弹出框＆＃34;

这是用jQuery Add a Profile Picture in form in HTML and CSS

制作的示例

我想在角度4中做到这一点

谢谢

Answer 1

所以我有答案，可以使用普通的javascript

var input = document.getElementById('inputPhoto');
input.addEventListener('click', function (e) {
    // no need for extra code here
    console.log('click triggered');
});

input.click(); // opening dialog

ps：社区如果你不知道答案就不需要downvote。直接无视（好了。有一天，某人会有同样的问题，这将派上用场。

点击图片上传图片

1 个答案: