Javascript 从“选择选项”打开文件上载在某些浏览器中不起作用

Javascript 从“选择选项”打开文件上载在某些浏览器中不起作用,javascript,file-upload,click,Javascript,File Upload,Click,我希望用户单击一个div,该div下面有一个选择框,显示为:none,因此用户单击该div,并显示选项。 在移动设备中,本机弹出窗口应显示选项,这很好,这里没有问题 主要问题是,其中一个主要选项是第三个选项,用户可以从计算机上载服务器上的文件 因此,文件上传对话框应该打开 它适用于:chrome for windows桌面 除了:safari Mac/iOS或chrome for Mac/iOS,尽管firefox for Mac的版本在52年前都可以使用。为什么会有这么多的差异。。这是不是一个

我希望用户单击一个div,该div下面有一个选择框,显示为:none,因此用户单击该div,并显示选项。 在移动设备中,本机弹出窗口应显示选项,这很好,这里没有问题

主要问题是,其中一个主要选项是第三个选项,用户可以从计算机上载服务器上的文件

因此,文件上传对话框应该打开

它适用于:chrome for windows桌面

除了:safari Mac/iOS或chrome for Mac/iOS,尽管firefox for Mac的版本在52年前都可以使用。为什么会有这么多的差异。。这是不是一个错误

我认为该事件是从selecthtml元素的onchange事件触发的,因此应该将其视为用户上下文来源。onchange函数将调用单击file upload html元素以触发它打开file upload对话框

-Firefox在52版或更早版本中的行为会触发一个弹出窗口,尽管我认为这甚至不应该被视为一个弹出窗口,因为它不像那些广告弹出窗口那样是一个浏览器窗口,而是一个用于上传的本机windows UI

检查此jbin[jsBin][1]

$document.readyfunction{ $test.changefunctionevent{ 如果$this.val==3{ //打开文件上传程序 $test2.focus.click; } $this.valnull;//重置更改时的值; }; }; .fakebtn{ 位置:相对;显示:内联块; 填充:10px; 背景色:777; 颜色:白色; } .styled_select{ 位置:绝对位置; 不透明度:0;顶部:0; 左:0px; 身高:100%; 宽度:100% } 请选择要创建的文件。第三个选项适用于桌面,而不是手机? + 创建新的空白页 从模板1创建文件 从您的计算机上载一个文件