首页 > 其他分享 >a标签下载文件并自定义文件名

a标签下载文件并自定义文件名

时间:2023-09-05 09:44:55浏览次数:45  
标签:文件 自定义 文件名 标签 href blob download 属性 row

  一、href的属性地址必须是和你前端同源情况下

<a href="URL" download="文件名"> //download属性也可以设置一个值来规定下载文件的名称。所允许的值没有限制,浏览器将自动检测正确的文件扩展名并添加到文件。

注意:只有 Firefox 和 Chrome 支持 download 属性,如果涉及跨域情况下,download将不会起作用。

二、href属性地址与当前前端地址不同源的情况。

// HTML代码
<a href="javascript:void(0);" @click="downLoad(scope.row)">
        {{ scope.row.originalFileName }}     </a>       // 下载方法  downLoad(row) {       this.$get(row.originalFileUrl,{responseType:'blob'}).then(res=>{         const blob = new Blob([res.data])         let a = document.createElement('a')         a.href=URL.createObjectURL(blob)         a.download = row.originalFileName         a.click()       })     },
 


标签:文件,自定义,文件名,标签,href,blob,download,属性,row
From: https://www.cnblogs.com/linzhanfeng/p/17678852.html

相关文章

  • Dynamics 365 Marketing自定义渠道的步骤
    1.创建2个实体:渠道【new_flashinfosmschannel】、消息模板(配置窗体)注意:如果想用标准消息模板,可以不用创建消息模板标准消息模板效果:   2.导出解决方案,往XML增加一个关系【EntityRelationship】https://learn.microsoft.com/zh-cn/dynamics365/marketing/real-time-mark......
  • WPF 自定义窗体(一)
    .Net默认的窗体样式只有四种:None、SingleBorderWindow、ThreeDBorderWindow、ToolWindow,都比较“丑”。而很多时候,我们希望自定义窗体,比如,无边框,有阴影,或者有模糊效果等。在WPF中,要实现自定义窗体比较简单,主要有两种方法:1)使用WindowChrome;2)使用WindowStyle=“None”。一、使......
  • 哔哩哔哩 B站 bilibili 视频倍速设置 视频倍速可自定义
    目录一、复制如下代码二、在B站视频播放页面进入控制台(一)以火狐浏览器为例     (二)以谷歌浏览器为例三、将复制的代码粘贴到下方输入框,并回车Enter即可(一)以火狐浏览器为例     (二)以谷歌浏览器为例 四、然后就可以了一、复制如下代码(该代码用于设置倍速为3,最后......
  • 授权规则-自定义异常结果
        ......
  • C# 在Word文档级自定义中选择一个区域 使用VSTO外接程序选择范围
    你可以使用Range对象在MicrosoftOfficeWord文档中定义和选择范围。有多种方法可以选择整个文档,例如使用Select方法和Range对象,或者使用文档级自定义和Document类的Content属性。适用于:本主题中的信息适用于Word的文档级项目和VSTO外接程序项目。有关详细信息,请参阅Office应用程......
  • 直播源码,自定义progressBar样式
    直播源码,自定义progressBar样式1、layout中xml布局如下: <RelativeLayout  android:layout_height="16dp"  android:layout_width="match_parent">  <ProgressBar    style="?android:attr/progressBarStyleHorizontal"    android......
  • uniapp app端如何使用插件实现获取手机应用自定义上传
    <u-buttonsize="mini"style="background-color:#3ac908;color:#ffffff;font-size:16rpx;width:110rpx;height:50rpx;"@tap="onUpload">上传</u-button>//以下代码写于根目录下第一个view顶部或跟在自定义导航栏后面<l-fileref="lFile&......
  • 使用百度文心一言生成bat代码(查找当前目录所有文件名带11的txt文件并修改为22)
    百度文心一言开放给普通用户了,网址:文心一言请用[bat]编程:查找当前目录所有文件名带11的txt文件并修改为22生成的代码需要简单修改下,主要问题在->位置没有使用转义符会导致echo后面的字符到txt中,思路还是可以的,不错点击查看代码@echooffsetlocalenabledelayedexpansion......
  • 微信小程序自定义头部导航栏
    微信小程序自定义头部导航栏虽然小程序自带的顶部导航栏比较好用,但是扩展性比较差。在实际开发中我们经常需要针对导航栏进行一些功能性操作。比如点击返回按钮返回到固定的页面,设置其他背景颜色字体颜色以及增加一些按钮等等。下面我们一起来看看导航栏的定制;先看下demo的效果:......
  • elemenui datePicker 日期组件之快捷键的自定义,本周,本月,本季度,上周,上月,上季度
    1,先定义一个日期工具类,或者写在其他的方法中都行。定义工具类可重复使用1exportfunctiongetDateRang(val){2constnow=newDate();//当前日期3constnowDayOfWeek=now.getDay();//今天是本周的第几天4constnowDay=now.getDate();//当日5......