vue项目中input打开文件夹
<el-form-item label="文件夹路径:"><div>{{ form.collectPath }}</div><input id="file" type="file" hidden webkitdirectory @change="fileChange"><el-button @click="handleOpenMenu">
·
<el-form-item label="文件夹路径:">
<div>{{ form.collectPath }}</div>
<input id="file" type="file" hidden webkitdirectory @change="fileChange">
<el-button @click="handleOpenMenu">打开文件夹</el-button>
</el-form-item>
export default {
...
methods: {
handleOpenMenu () {
const file = document.getElementById('file')
file.click()
},
fileChange (e) {
try {
const fu = document.getElementById('file')
if (fu === null) return
// 只有electro可以获取到文件夹路径
this.form.collectPath = fu.files[0].path.replaceAll('\\', '/')
} catch (error) {
console.debug('choice file err:', error)
}
},
}
}
更多推荐
已为社区贡献5条内容
所有评论(0)