对输入的click()的支持

Question

我刚做了一个简单的添加个人资料图片的方法，但我担心浏览器的支持

HTML

<img id="profile-picture" alt="Profile picture" src="/images/user/profile/default.png" class="img-circle"/>
<form method="POST" action="/user/photo">
    <input type='file' name='picture' id='pic-upload-input'/>
</form>

JavaScript

document.getElementById('profile-picture').onclick = function(){
    document.getElementById('pic-upload-input').click();
}

你认为这样做是安全的吗？

Answer 1

是的，几乎所有的浏览器都支持单击方法。唯一的例外是Safari，它不支持单击除按钮以外的任何东西。