用js怎么实现弹出个选择文件的对话框?

JavaScript07

用js怎么实现弹出个选择文件的对话框?,第1张

可以实现的,大概的思路是这样:

1.先新建一ASP页(不知道你用什么来做的,就以asp为例吧),该页的作用是读取服务器上某个目录下的所有文件,并显示文件列表,做出类似选择文件对话框的样子。具体代码网上有很多,你以“asp 遍历文件夹”作为关键字在baidu或google中搜一下。

2.在“修改”按钮上使用Javascript的模态对话框弹出上一步做出来的网页。

就是window.showModalDialog(),模态对话框可以接收父窗口传来的参数,也可以返回参数给父窗口,利用这一特性,当你在对话框中选择好文件点确定时,可以从对话框将选择内容返回到父页面上。具体怎么用?同样建议你以“showModalDialog”作为关键字到网上去搜一下。

这个功能一般都是html做的。

<form>

<input type="file" />

</form>

呵呵,就这么简单,不过具体传到哪里去,那就是后台人员的事了。

vuetify提供了<v-dialog v-model="show">对话框组件,一个很有意思的事情是,通过在父组件设置show,就可以控制对话框的弹出和关闭。

这里给出了一个模拟实现,通过父组件按钮,控制子组件的显示和关闭。

“弹窗展示”就相当于对话框,也就相当于<v-dialog>组件。通过点击切换可以修改父组件的show变量,该变量传递给了子组件,注意不是通过v-bind的方式,而是v-model。子组件获得该变量,就可以用于显示、关闭的判断。