0


Javascript——下载功能,获取电脑桌面制定下载路径

功能:点击下载按钮获取到用户电脑的桌面信息,可选择指定的下载路径,(结合electron框架,桌面端)

在这里插入图片描述

<el-table-column prop="fileName" label="日志" align="center"><template slot-scope="scope"><div v-show="scope.row.fileName"><i class="el-icon-share"></i><div>{{ scope.row.fileName }}</div><el-button type="text" size="small" @click="downClick(scope.row)">下载文件</el-button></div></template></el-table-column>
downClick(row){this.fileDown = row.fileName;var inputObj = document.createElement('input');// 设置属性

      inputObj.setAttribute('id','_ef');

      inputObj.setAttribute('type','file');

      inputObj.setAttribute('style','visibility:hidden');if(row){// 如果要选择路径,则添加以下两个属性

        inputObj.setAttribute('webkitdirectory','');

        inputObj.setAttribute('directory','');}// 添加到DOM中

      document.body.appendChild(inputObj);// 添加事件监听器

      inputObj.addEventListener('change',this.updatePath);// 模拟点击

      inputObj.click();},

本文转载自: https://blog.csdn.net/weixin_43551242/article/details/130290648
版权归原作者 还需studystudy 所有, 如有侵权,请联系我们删除。

“Javascript——下载功能,获取电脑桌面制定下载路径”的评论:

还没有评论