vue下载图片,word,pdf,自定义下载名称

news/2024/7/10 0:23:11 标签: vue, js, jquery
     downloadFiles(url, name) {//url是路径,name是要更改的下载名称

      let link = document.createElement('a')
      let url =  url
      // 这里是将url转成blob地址,
      fetch(url).then(res => res.blob()).then(blob => { // 将链接地址字符内容转变成blob地址
         link.href = URL.createObjectURL(blob)
         link.download = name//此处的name是下载的名称
         document.body.appendChild(link)
         link.click()
     })

    }

 


http://www.niftyadmin.cn/n/1367290.html

相关文章

小程序一键拨打电话

tocall(e){console.log(e.currentTarget.dataset.phone)//获取的电话号码wx.makePhoneCall({phoneNumber: e.currentTarget.dataset.phone}).catch((e) > {// console.log(e) //用catch(e)来捕获错误{makePhoneCall:fail cancel}})},

小程序生成二维码

wxml <canvas canvas-idqrcode></canvas> js var QRCode require(../../utils/weapp-qrcode.js); var qrcode/*** 生命周期函数--监听页面加载*/onLoad: function (options) {qrcode new QRCode(qrcode, { //qrcode为html中定义的canvas-idtext: "http…

微信公众号授权前端(uniapp为例)

const base_url http://baidu.com// 前端域名const wx_url https://open.weixin.qq.com/connect/oauth2/authorize?appidappid&redirect_uribase_url&response_typecode&scopesnsapi_base&state123#wechat_redirectexport default {components: {},data() {…

vue本地存储

localStorage.setItem(token, res.Msg.token); localStorage.getItem(token);//uniuni.setStorageSync(token, 123456) uni.getStorageSync("token"); uni.removeStorageSync(token);//移除//小程序 wx.setStorageSync(key, value)//arr是要存的数据 wx.getStorageSy…

vue移动端(element为例)上传多张图片

<template><div class"about"><!-- 列表 --><div class"center"><p><input v-model"name" placeholder"请输入标题" /></p><!-- 详细信息 --><div class"mark"><…

vue下拉选择

<template><div class"about"><!-- 列表 --><div class"center"><!-- <p> --><div><div class"por"><div class"selectBox" style"width: 100%;position: relative;"&g…

一键获取微信地址

//html <button bindtap"wxAddress"> 一键添加微信地址</button> //js //获取应用实例 const app getApp() Page({/*** 页面的初始数据*/data: {areaList:[],},/*** 生命周期函数--监听页面加载*/onLoad: function(options) {},//通过微信添加地址wxAdd…

微信公众号跳转小程序

<view class"point"><view class"point-item" v-for"(item,index) of pointList" :key"index"><wx-open-launch-weapp username"gh_xxxxxx">//username对用的是小程序原始id,(进入一个小程序&#xff0c;…