js实现文件上传下载

除图片外的通用下载
window.location.href = 'http://localhost:4000/public/1618880090660community.xlsx'let base64 = _.data.content;
let type = _.data.contentType;
let str = `data:${type};base64,`;
var a = document.createElement('a');
a.setAttribute('href', str + base64);// 可以是blob 可以是base64 可以是url
a.setAttribute('download', _.data.fileName); //下载 设置这个属性一定会下载
a.click();

<!DOCTYPE html>
<html><head><script>window.onload = function () {let but = document.getElementById('but')but.onclick = function () {console.log(123)let file = document.getElementById('files')file.click()// }let file = document.getElementById('files');file.onchange= function(e){                   var img = document.getElementById('img')img.setAttribute('src', URL.createObjectURL(e.target.files[0]))console.log(URL.createObjectURL(e.target.files[0]))var a = document.createElement('a');a.setAttribute('href', URL.createObjectURL(e.target.files[0]));a.setAttribute('download','');a.click();}}</script></head><body><div><button id="but">点击上传</button><input type="file" onchange="file" style="display: none;" id="files"><img  id="img" alt="" width="150px" height="150px"><script>function file(e){console.log(e)var img = document.getElementById('img')img.setAttribute('src', URL.createObjectURL(e.target.files[0]))}</script></div></body>
</html>

全屏

function requestFullScreen(element) {    var requestMethod = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || element.msRequestFullScreen;    if (requestMethod) {      requestMethod.call(element);    } else if (typeof window.ActiveXObject !== "undefined") {      var wscript = new ActiveXObject("WScript.Shell");    if (wscript !== null) {    wscript.SendKeys("{F11}");    }    }    }

js实现文件上传下载相关推荐

JS 文件上传/下载
项目需要文件上传/下载想用一个轻量级的框架,但是在网上搜索都没有找到于是想自己手写一个,但是由于浏览器限制不允许获取本地路径(IE除外)所以还是用了框架 ajaxfileupload 超轻量 ...
spring boot基础教程之文件上传下载
一文件上传文件上传主要分以下几个步骤: (1)新建maven java project: (2)在pom.xml加入相应依赖: (3)新建一个文件上传表单页面; (4)编写controller; ( ...
.Net Core 图片文件上传下载
当下.Net Core项目可是如雨后春笋一般发展起来,作为.Net大军中的一员,我热忱地拥抱了.Net Core并且积极使用其进行业务的开发,我们先介绍下.Net Core项目下实现文件上传下载接口. ...
js如何上传大文件到服务器,js将文件上传到远程服务器
js将文件上传到远程服务器内容精选换一换将文件上传至Windows云服务器一般会采用MSTSC远程桌面连接的方式.本节为您介绍本地Windows计算机通过远程桌面连接,上传文件至Windows云 ...
【SpringMVC笔记】拦截器 + 文件上传下载
拦截器 + 文件上传下载拦截器(interceptor) 自定义拦截器验证用户是否登录 (认证用户) 没有拦截器配置拦截器文件的上传文件输出流进行文件上传 file.Transto 进行文件 ...
JSP基础：（7）jsp分页与文件上传下载
目录 1 jsp分页 1.1 定义 1.2 Servlet控制器方法 2 文件上传下载 2.1 定义 2.2 SmartUpload 2.2.1 介绍 2.2.2 SmartUpload组件-Requ ...
渗透测试-文件上传/下载/包含
渗透测试-文件上传/下载/包含概述一.常见校验上传文件的方法客户端校验服务器端校验 1.校验请求头 content-type字段 2. 正则匹配来判断文件幻数(文件头)内容是否符合要求 3. ...
微信小程序开发之文件上传下载应用场景（附Demo源码）
微信小程序开发之文件上传下载应用场景(附Demo源码),Demo为小相册应用,源码在附件中,本示例需要腾讯云支持. http://www.henkuai.com/forum.php?mod=viewt ...
5. 文件上传下载与 db数据库
5. 文件上传下载与 db数据库文件上传 formidable multer npm i formidable multer 如何使用见: https://www.npmjs.com/ util. ...

js实现文件上传下载

js实现文件上传下载相关推荐

最新文章

热门文章