html怎么选择文件夹路径,js 选择本地文件夹路径

问题:视频抓图、录像等功能,需要配置本地保存时的文件夹路径,仅IE用

效果如图:

20200709155959102108.png

20200709160001003548.png

废话不多看代码:

class="el-input__icon el-icon-folder"

style="cursor: pointer;"

@click="handleGetPath(‘snapPath‘)">

handleGetPath (path) {

/*

* 该方法只支持IE.

* 语法:strDir=Shell.BrowseForFolder(Hwnd,Title,Options,[RootFolder])

* 参数:Hwnd:包含对话框的窗体句柄(handle),一般设置为0

* Title:将在对话框中显示的说明,为字符串

* Options:使用对话框的特殊方式,为长整数,一般设置为0

* RootFolder:(可选的),用来设置浏览的最顶层文件夹,缺省时为“桌面”,可以将其设置为一个路径或“特殊文件夹常数”

* */

try {

let filePath;

let objSrc = new ActiveXObject("Shell.Application").BrowseForFolder(0, ‘请选择保存路径‘, 0, ‘‘);

if (objSrc != null) {

filePath = objSrc.Items().Item().Path;

if (filePath.charAt(0) == ‘:‘) {

alert(‘请选择文件夹.‘);

return false;

}

this.form[path] = filePath;

}

} catch (e) {

alert(e + ‘请设置IE,Internet选项-安全-自定义级别-将ActiveX控件和插件前3个选项设置为启用,然后再尝试。‘);

return false;

}

}

原文:https://www.cnblogs.com/midnight-visitor/p/13273873.html

  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
antdv是一种基于Vue.js框架的UI组件库,可以方便地构建美观的用户界面。在antdv中,选择文件夹路径的功能可以通过ant-design-vue的TreeSelect组件来实现。 首先,我们需要引入ant-design-vue库并注册TreeSelect组件。然后,在需要选择文件夹路径的地方,我们可以使用TreeSelect组件,通过设置mode为'directory'来限定只能选择文件夹。同时,我们可以设置treeCheckable属性为true,以允许用户选择多个文件夹。 下面是一个简单的示例代码: ``` <template> <a-tree-select v-model="selectedFolders" :treeData="folderTree" :treeCheckable="true" :multiple="true" :treeCheckStrictly="true" :showSearch="true" mode="directory" placeholder="请选择文件夹路径" /> </template> <script> import { TreeSelect } from 'ant-design-vue'; export default { components: { 'a-tree-select': TreeSelect, }, data() { return { selectedFolders: [], folderTree: [ { title: 'Folder 1', key: '1', children: [ { title: 'Subfolder 1', key: '1-1', }, { title: 'Subfolder 2', key: '1-2', }, ], }, { title: 'Folder 2', key: '2', children: [ { title: 'Subfolder 3', key: '2-1', }, { title: 'Subfolder 4', key: '2-2', }, ], }, ], }; }, }; </script> ``` 在上述代码中,我们使用了TreeSelect组件,并绑定了一个folderTree数据作为树形结构的数据源。当用户选择文件夹路径时,selectedFolders数据会自动更新为选中的文件夹路径。可以根据自己的需要修改folderTree数据。 上述示例代码只是一个简单的演示,你可以根据antdv和Vue.js的使用文档进一步了解并定制TreeSelect组件以满足你的具体需求。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值