文件下载到本地的几种方法

data:url （通过base64的方式下载）

<a download="aaa.jpg" id="aaa">base64下载</a>

let src = `data:img/jpg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEA`
$('#aaa').attr('href', src)

bolb: url （通过上传文件转url下载）

<input type="file" placeholder="上传" onchange="fileInput(event, this.files)" style="display: none;">
<div class="file"></div>
<a download="xxx" id="file">文件下载</a>

 function fileInput (e, file) {// e  // 事件// file  文件listvar objectURL = window.URL.createObjectURL(file[0]);$('#file').attr('href', objectURL)}// 通过隐藏$('.file').on('click', function () {$('input').click()})

tips: 在第二种中，可以通过隐藏input[type=file] 用触发该input的click事件的方式来唤起上传文件
download 中可以写入自定义的文件名，但是会有同源的限制，而且后端不能定义文件名

文件下载到本地的几种方法相关推荐

远程图片保存到服务器 php,保存远程图片到本地服务器几种方法[php,asp]网
保存远程图片到本地服务器几种方法[,] function get_file($url,$folder){ set_time_limit (24 * 60 * 60); $destination_fol ...
php保存文件和下载文件到本地的四种方法
php保存文件和下载文件到本地的四种方法本文操作环境:windows7系统.PHP7.1版,DELLG3电脑 php保存文件的方法 PHP下载保存文件到本地经常需要点击按钮,然后弹 ...
canvas保存到本地图片三种方法
canvas保存到本地图片三种方法 canvas保存本地图片第一种方法(修改图片的媒体类型,window.open直接下载) 第二种方法(创建a标签,通过自己触发点击来下载) 第三种方法(将图片数据 ...
python下载图片到文件夹_Python下载图片并保存本地的四种方法
一:使用Python中的urllib类中的urlretrieve()函数,直接从网上下载资源到本地,具体代码: import os,stat import urllib.request img_url ...
vue 展示本地图片三种方法
第一种:直接写两个都可以如果@配置了的话 <img src="../assets/img/mapchange/map1.png" alt=""> ...
7.1 安装软件包的三种方法 7.2 rpm包介绍 7.3 rpm工具用法 7.4 yum工具用法 7.5 yum搭建本地仓库...
7.1 安装软件包的三种方法 7.2 rpm包介绍 7.3 rpm工具用法 7.4 yum工具用法 7.5 yum搭建本地仓库三种方法 rpm工具----->类型windows下的exe程序 ...
ant-design 本地web版本下载_bilibili 哔哩哔哩视频如何下载到电脑的 3 种方法
bilibili(哔哩哔哩)是目前国内知名的视频弹幕网站,被粉丝们亲切的称为"B站". 现为国内领先的年轻人文化社区,非常受年轻用户的欢迎. 其操作界面简洁.速度快而且广告也不多, ...
maven 打包指定依赖包_maven打包加入依赖包以及加入本地依赖包的方法
Maven引入本地Jar包并打包进War包中 1.概述在平时的开发中,有一些Jar包因为种种原因,在Maven的中央仓库中没有收录,所以就要使用本地引入的方式加入进来. 2. 拷贝至项目根目录项目 ...
php保存流文件到本地,php下载保存文件保存到本地的两种实现方法
第一种:<?php function downfile() { $filename=realpath("resume.html"); //文件名 $date=date(&qu ...

文件下载到本地的几种方法

data:url （通过base64的方式下载）

bolb: url （通过上传文件转url下载）

文件下载到本地的几种方法相关推荐

最新文章

热门文章