mouseup上的输入文件显示隐藏的div，隐藏的div关闭后显示文件对话框

Question

我可以让input=file在mouseup上显示警告，关闭警报后，打开对话框。

我现在想要做的是在mouseup上显示一个隐藏的div并打开 AFTER 它关闭的对话框。我怎样才能做到这一点？

带警告框

$('#inputFile').mouseup(function(){
    alert('Show alert box');
    });

使用div（在div关闭之前显示对话框）

$('#inputFile').mouseup(function(){
    $('div').show();
    });

Answer 1

有几种方法可以解决这个问题，但这就是我的建议：

将input = file更改为基本按钮（type = button）。单击此按钮时，打开隐藏的div，其上带有“关闭”按钮。这个关闭按钮会调用一个函数。所述函数应打开文件提示对话框并关闭div。