使用jQuery单击时打开文件对话框，但在safari中不支持

Question

我使用下面的代码： -

$(".putimage").click(function(){
    $('#pro_image1').click();
});

<input type="file" id="pro_image1" name="pro_image1" style="display: none"/>

<input type="button" value="Parcourir" id="putimage1" class="putimage" />

Answer 1

我假设您正在制作个性化的上传按钮？

请勿使用input

隐藏display:none按钮

而是隐藏input按钮：

position:fixed; left:-1000px;

我认为我在使用safari之前遇到了同样的问题。 jQuery click()不适用于使用display:none

隐藏的文件输入

此方法是跨浏览器（甚至是移动浏览器）。