点击图片上传图片

-3

$("#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>

我怎么能复制它在角4？

编辑：从第一个评论我看到我的问题不清楚。

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

这里是用jQuery做例子Add a Profile Picture in form in HTML and CSS

我想做到在角4

谢谢

来源

2017-10-11 AiU

你可以使用['ViewChild']（https://angular.io/api/core/ViewChild）在你的Angular组件中获得一个html元素，[这里是SO的一些实现示例]（https：// stackoverflow.com/a/34636472/6638533） – samAlvin

，所以我有答案，可以使用只是普通的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需要，如果你不知道答案。直接无视（好了。有一天会有同样的问题，这将派上用场。

来源

2017-10-11 11:51:40 AiU

点击图片上传图片

回答

相关问题