el-link从FTP下载文件在浏览器右上角显示

已于 2024-02-05 17:38:26 修改
阅读量504 收藏 6
点赞数 4
分类专栏： 前端 elementui 文章标签： 前端
于 2023-12-29 17:12:39 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/glacierW/article/details/135294931
版权

el-link从FTP下载文件在浏览器右上角显示

由于多处使用，便创建一个公共js来放ftp地址，便于后期维护

1.创建公共js

2.在需要的页面进行引用

首先引js

其次把自己的ftp地址放在data中

最后在el-link中引用

图中:href和:download根据自己实际情况进行更改

:download是用来处理下载的文件名称是相应的中文名称，但是我这里没有生效，后期找到方法会进行填补，同时欢迎大佬指点。

下载ftp文件至浏览器右上角显示已解决，点击下方链接查看

从FTP下载文件至浏览器右上角（前后端）-CSDN博客

代码少年专业干饭
关注
专栏目录
JavaScript学习总结（9）——JS常用函数（一）
科技D人生
01-06 2490
本文中，收集了一些比较常用的Javascript函数，希望对学习JS的朋友们有所帮助。 1. 字符串长度截取 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 funct
VUE远程下载功能，动态赋值路径URL（el-link的使用）
测试领域专家，多领域测试技术、管理、工具都略懂，略懂一二
04-19 1万+
之前我们学过下载功能， 我们下载使用 <el-link :download="downloadname" :href="downloadUrl2" id="moban2" class="downloadBtn2" type="primary"> <el-button id="dibu_download" type="primary" @click="pullLog()" plain >拉取</el-button> </el-link>
vue使用el-link实现下载本地文件
睡大觉的博客
06-27 2590
vue使用el-link实现下载本地文件
a 标签 、el-link 与 file-saver.js 下载文件
最新发布
sun_jinlin的博客
05-13 572
--使用edge浏览器（版本：122）: docx，xlsx格式 会新启空白窗口，接着浏览器打开预览-顶部有提示下载按钮，其他可以下载，下载后打开无异常。测试文件：.png,.jpg,.txt,.doc,.docx,.zip,.pdf,.xlsx,.mp4。--使用苹果自带浏览器：xlxs格式 会多空白页-提示不安全文件是否保存下载，其他格式可以正常下载，下载后可打开。测试文件：.png,.jpg,.txt,.doc,.docx,.zip,.pdf,.xlsx,.mp4。
文件下载的方式
drawlessonsfrom的博客
08-06 1768
一、使用a标签，在elementui中具体使用el-link进行文件的下载 二、进行文件的预览及下载操作 在此处不能定义相关的download信息 <el-link :href="fileUrl" target="_blank"></el-link> 注：fileUrl为后端所定义的相关接口信息+前端进行文件上传时后端所返回的具体文件上传时所保存的地址。 不进行相关的文件预览操作： <el-link :href="fileUrl" :download="fileName" t
vue点击按钮实现文件下载 el-link
qq_14971921的博客
07-02 1万+
需求：后端给一个下载链接，要实现点击按钮，文件下载。解决如下： 在el-button外添加父级el-link,截图可以看到el-link通过编译后是一个a标签，el-link属性请查看https://element.eleme.cn/#/zh-CN/component/link ...
分布式文件系统FastDFS
企业实战系列集 ●●● https://ximenjianxue.blog.csdn.net
09-08 6775
概述 FastDFS是一个开源的轻量级分布式文件系统，是我国一款开源的分布式文件系统 由阿里巴巴开发，其真题架构由跟踪服务器（tracker server）、存储服务器（storage server）和客户端（client）三个部分组成，主要解决了海量数据存储问题，特别适合以中小文件（建议范围：4KB < file_size <500MB）为载体的在线服务。 特点： 1>Fast......
大数据-Hadoop-搭建(一)：搭建Hadoop完全分布式集群（在VMware中的Linux虚拟机）【CentOS6】【独立安装Apache Hadoop】
u013250861的博客
01-14 1591
大数据-Hadoop：搭建Hadoop完全分布式集群（在VMware中的Linux虚拟机） 一、VMware、Linux虚拟机环境准备 1、网络配置 1.1 查看网络IP和网关 1.1.1 查看虚拟网络编辑器 1.1.2 修改ip地址 1.1.3 查看网关 1.1.4 查看windows环境的中VMnet8网络配置(控制面板-网络和Internet-更改适配器选项) 1.2 配置Linux系统的网络IP和网关 1.2.1 查看当前网络IP 1.2.2 修改当前Linux系统的IP地址为固定地址 1.2.3
usage.txt-1
huhuoyun的专栏
02-15 1324
系统迁移，虚拟机系统向host机迁移的实现如下： 虚拟机迁移到实体机工具准备： usb 3.0硬盘盒 x1 2T 128 cache x1 usb 3.0 接口 x1 虚拟机迁移到虚拟磁盘的工具准备： 2T vmdk分割 x1 第一部分 制作引导分区 1.grub-install /dev/sdx #将boot安装到/dev/.
深入理解Linux文件系统与日志分析（内涵理论与XFS、EXT文件数据恢复实验）
weixin_45726050的博客
11-24 2113
文章目录前言：一、inode与block1.1 inode与block概述1.2 inode的内容二、硬连接与软连接2.1 硬链接2.2 软链接2.3 软链接与硬连接总结三、恢复误删除的文件（实验）3.1 恢复XFS类型的文件3.2 恢复EXT类型的文件四、日志文件的分类4.1 日志的功能4.2 日志文件的分类4.3 日志保存位置：4.4 ⭐主要日志文件介绍五、日志文件分析5.1 内核及系统日志5...
Vue 通过url下载文件并修改文件名称
m0_61570521的博客
07-13 3414
封装一个通用的方法 在需要使用的页面引入 页面使用方法
vue导出文件
xiaozhang9的博客
03-21 1513
exportProjectListExcel(params).then((response) => { // 调接口传参获取blob if (response) { let exportFileName = "项目检索列表.xlsx"; this.download(response, exportFileName); } }); ...
vue+ElementUI实现文件的单个下载，以及批量压缩下载
JavaAlliance
04-16 6497
一、单个文件下载 思路很简单： 当页面加载时，那么下面的href里就会执行downloadFile()这个函数，然后 downloadFile()里面访问后台接口，得到文件流，然后赋值给href属性，所以当我们点击“下载”时，浏览器就会去下载文件了 前端代码如下： <el-link type="primary" :href="downloadFile(scope.row.attachment...
下载文件的几种方法
m0_49014616的博客
03-28 928
1.用element文字link的href <el-link href="downloadUrl" target="_blank">默认链接</el-link> 2.用a标签的href <a href="downloadUrl"></a> 3.用window.location.href window.location.href = downloadUrl 4.用window.open window.open(downloadUrl) 参数： down
Vue 实现下载本地静态文件
weixin_47906106的博客
09-05 3946
vue 本地文件下载
Vue的href动态拼接绑定
weixin_33913332的博客
03-04 2579
1 <div id="appp"> 2 <table> 3 <tr v-for="item in sites"> 4 <td> 5 <a :href="'addalarmnotes.do?alarmId='+item.id+'&activetyp...
前端vue中文件下载的几种方式
热门推荐
Mia的博客
04-03 18万+
第一种方式是前端创建超链接，通过a标签的链接向后端服务发get请求，接收后端的文件流，非常简单： <a :href='"/user/downloadExcel"' >下载模板</a> 另一种情况是创建div标签，动态创建a标签： <div name="downloadfile" "downloadExcel()">下载</div> function...
vue-实现文件下载
JustDI0209的博客
05-15 6万+
1.利用浏览器的导出功能 window.location.href = 服务器文件路径 相当于后端告诉前端文件的地址，直接使用浏览器去下载 2.以流的形式下载文件 查了一些资料，主要用的代码如下，原文章：入口 在此基础上增加了params，以传参 // 下载模板 handleExportTem () { this.btnSendTem = true ...
element-ui上传下载excel（超详细der）
weixin_33757609的博客
02-13 2262
1. 上传 EXCEL Upload组件 点击跳转到该组件官方文档 用到的upload组件参数 参数 说明 类型 可选 默认值 action 必选参数，上传的地址 string --- --- file-list 上传的文件列表 array --- [] accept 接受上传的文件类型 string --- -...
el-link浏览器点击超链接强制下载，并且已知download属性无效
04-01
如果您要在el-link组件中强制下载链接，可以使用以下步骤： 1. 在el-link组件中添加一个@click事件，该事件将触发一个下载函数。 2. 在下载函数中使用JavaScript创建一个a标签，设置href属性为您要下载的文件的URL...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值