jquery - 使用 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 上遇到过同样的问题。jQueryclick()将无法处理使用隐藏的文件输入display:none

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