javascript前端下载

<html> <head> <title>测试标题</title> </head> <body> <div> 测试页面 </div> </body> <script> var a = document.createElement('a') a.setAttribute('download', 'test.csv') a.href = `data:text/csv;base64,${bto…

1.a标签实现前端下载的谷歌兼容我们都知道,文件下载的一种实现方案就是后端返回文件流,然后前端进行生成a标签并触发点击来下载.但是在火狐浏览器的时候,需要注意一些兼容性问题.原因是火狐的同源策略.官方说明:https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Attributes 代码如下: download(row) { downloadFile({ id: row.fileId }).then(res => { // win…

JavaScript前端框架的思考

(此文章同时发表在本人微信公众号"dotNET每日精华文章",欢迎右边二维码来关注.) 题记:现在JavaScript前端框架层出不穷,尤其Angular进入到2.x时候之后,我们如何应对?今天推荐的国内技术专家xufei的文章<后Angular时代二三事>可以带给我们一些启发. 之前一直比较关注前端框架,也多次发文章介绍过和前端相关的内容.今天推荐的这篇由xufei编写<后Angular时代二三事>文章,系统讲述了目前前端框架的一些问题和趋势.作者尤其分享了对…

JavaScript前端和Java后端的AES加密和解密

在实际开发项目中,有些数据在前后端的传输过程中需要进行加密,那就需要保证前端和后端的加解密需要统一.这里给大家简单演示AES在JavaScript前端和Java后端是如何实现加密和解密的. 直接上代码: java端: package com.lin.utils; import java.math.BigInteger; import javax.crypto.Cipher; import javax.crypto.KeyGenerator; import javax.crypto.spec.Se…

js实现前端下载文件

在前端下载文本格式的文件时,可采用下面的方式: (1)创建基于文件内容的Blob对象: (2)通过URL上的createObjectURL方法,将blob对象转换成一个能被浏览器解析的文件地址. (3)将上述的文件地址指向a标签的href,并设置a标签的download属性为要保存成的文件名. (4)点击a标签,即可下载对应的文件. //下载文件 _download:function (filename,content){ var blob = new Blob([content], {type…

我发起并创立了一个 Javascript 前端库开源项目 jWebForm

在线演示地址: ( 在线演示云平台由 Kooboo 提供 https://www.kooboo.com/ ) 按钮: http://iwebform.kgeking.kooboo.site/jWebForm-master/Button.htm 下拉: http://iwebform.kgeking.kooboo.site/jWebForm-master/DropDown.htm 下拉框: http://iwebform.kgeking.kooboo.site/jW…

前端下载excel打不开求助+解法

解法: //axios return request({ url: "/saleUnit/exportSaleUnit", headers: { "biz-source-param": "BLG" }, method: "post", responseType: "blob", data: params }); let blob = new Blob([res], { type: "appli…

纯前端下载pdf链接文件,而不是打开预览的解决方案

纯前端下载pdf链接文件,而不是打开预览的解决方案一,介绍与需求 1.1,介绍 XMLHttpRequest 用于在后台与服务器交换数据.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. 问题:Chrome 会自动调用内置的 pdf 阅读器打开 1.2,需求在谷歌(Chrome)浏览器中,使用a标签属性download下载pdf链接文件,如果是相同域时,可以直接下载;但是如果域不同,则不是下载,而是直接打开页面预览文件.但是需求是直接点击下载文件,而不是打开预览:以及下载后…

JavaScript前端和Java后端的AES加密和解密(转)

在实际开发项目中,有些数据在前后端的传输过程中需要进行加密,那就需要保证前端和后端的加解密需要统一.这里给大家简单演示AES在JavaScript前端和Java后端是如何实现加密和解密的. java端: package com.lin.utils; import java.math.BigInteger; import javax.crypto.Cipher; import javax.crypto.KeyGenerator; import javax.crypto.spec.SecretKey…

前端下载图片的N种方法

前几天一个简单的下载图片的需求折腾了我后端大佬好几天,最终还是需要前端来搞,开始说不行的笔者最后又行了,所以趁着这个机会来总结一下下载图片到底有多少种方法. 先起个服务使用expressjs起个简单的后端服务,先安装: mkdir demo cd demo npm init npm install express --save// v4.17.1 然后创建一个app.js文件,输入: const express = require('express') const app = express(…

后台生成excel前端下载

后台生成Excel时前端获取下载 Controller控制器: package com.example.test.controller; import com.example.test.common.HttpRequest; import com.example.test.utils.ExcelUtil; import net.sf.json.JSONArray; import net.sf.json.JSONObject; import org.apache.poi.hssf.usermode…

asp.net mvc + javascript生成下载文件

近期做的是对现有项目进行重构.WEB FROM改成MVC,其实也算是推倒重来了. 里面有一个导出功能,将数据输出成txt文件,供下载.原先的做法是有一个隐藏的iframe,在这个iframe的页面中设置一个表单form,将相关参数提交到服务器端:而在服务器端,是真的生成一个文件,然后再将文件内容往客户端推送. 好奇怪的做法啊.将内容导出,让用户下载,不必真的生成文件的,因为内容千变万化,没有一次生成,多次使用的可能和必要.完全可以将内容生成后,直接往客户端推送. 其次,我理解原先为何要用一个隐藏…

javascript前端如何使用google-protobuf

1.首先下载google的protobuf的compiler,通过编译器可以将.proto文件转换为想要的语言文件. 下载地址:https://repo1.maven.org/maven2/com/google/protobuf/protoc/ 2.写一个proto文件 syntax = "proto3"; message messagebody{ //工厂 3G string factory = 1; //设备id 3918173069 string deviceId = 2; //…

Javascript前端和JAVA后端对加密库的处理实例

前端加密 Javascript的加解密有开源的库,http://www.oschina.net/p/crypto-js/ 如下是具体的使用例子 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width, ini…

常用html、CSS、javascript前端命名规范

无论是从技术角度还是开发视角,对于web前端开发规范文档都有一定规范,本文就css3和html5的发展前景总结了一系列的web开发文档,仅供大家参考. 规范目的: 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改. 基本准则: 符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面,…

问得最多的十个JavaScript前端面试问题

我知道有很多人不同意这种类型的面试.其实不管你喜不喜欢,你都得接受.尤其当你是自学的,而且要申请第一份工作时. 我估计很多有人其它方法来证明他自己,像Github/ 项目地址可能是非常理想的证明方法,但也别全都指望这些. 好消息是有一些很难的问题,在有限的时间里我没答上来(比如说Event Loop和杨辉三角),一些其它面试侯选人也承认他们也没答上来,这会让讨论变得轻松很多. 坏消息是有些面试之后就没有任何反馈了.有三家公司再也没联系过.这点击打击自信,而且没有受到尊重.然后你可能会…

想成为一个高效的Web开发者吗？来看看大牛分享的经验吧~ #精选JAVASCRIPT前端开发

想成为一个高效的Web开发者吗?来看看大牛分享的经验吧~ 作为一个软(ku)件(bi)工(de)程(ma)师(nong),你有没有觉得做什么事都没时间?没时间学习新东西,没时间去回顾.整理原来写的烂代码,没时间写单元测试,没时间给接管你项目的家伙写文档,没时间思考,没时间喘气,没!时!间! 额--如果你肯花点时间看看这篇文章,我相信你会明白应该把时间花在哪. 我曾以为成为一个技术大牛的唯一途径是玩命地学习与工作.这个想法差点毁了我.身体越来越差,和家人与朋友越来越疏远,很快我就撑不住了.后来我开…

[JavaScript] 前端模块编程实现

前端模块化前端早期写代码都是全局变量满天飞,这种情况会造成全局命名空间污染,变量冲突等问题 var a = 1; var b = 2; function c(){} function d(){} 后来采用了 js 的对象写法,添加一个单独的命名空间 var space = { a: 1, b: 2, c: function () { console.log('我是c'); return this.a; }, d: function () { console.log('我是d'); return…

前端下载excel文件功能的三种方法

1 从后端接收json数据,前端处理生成excel下载 JsonExportExcel的github地址:https://github.com/cuikangjie/JsonExportExcel 这种方式比较适用于该数据需要能够导出下载并且同时要展现在页面的场景 2 通过form表单接收文件如果后端已经处理成了excel,就不需要前端在处理生成,但是Ajax能够返回的数据格式只能为html,script,json,xml,不能直接接受excel文件,如果你直接通过ajax去获取文件就会报错.…

5大JavaScript前端框架简介

译者按: 简要介绍五大前端框架特性原文: Top 5 JavaScript Frameworks 译者: Fundebug 为了保证可读性,本文采用意译而非直译.另外,本文版权归原作者所有,翻译仅用于学习. JavaScript在2017年被IBM评为最值得学习的编程语言之一,自然而然它的流行度快速上升,并一直持续.这也促使了一个活跃的生态系统的生成以及与之相关的技术和框架的发展.如今诞生了非常多的框架和库,如果对每一个框架没有一个大致的了解,恐怕很难抉择.如果你正在尝试选择一个合适的java…

jtemplate 为javascript前端html模版引擎

最近的项目中用到了jtemplate, 它是客户端基于javascript的模板引擎,绑定的数据为json对象.以前我在页面上显示数据列表时最喜欢用Repeater控件了,因为它相对与其它几个服务端控件是最轻量级了,而且布局也最灵活,不过它终究是服务端控件在性能上是有损失的,对于性能要求很高的站点,连它也不让用,那么开发人员通常的做法是在服务端把html代码生成好再一次性输出到客户端,这样性能是提高了一些但想想服务端一大堆的html代码又该头痛了.而现在有了jtemplate问题就能很完美的解决…

JS前端下载文本文件小技巧：1、download属性；2、借助Blob转换成二进制下载

一.HTML download 与文件下载如果希望在前端侧直接触发某些资源的下载,最方便快捷的方法就是使用HTML5原生的download属性,例如: <a href="large.jpg" download>下载</a> 但显然,如果纯粹利用HTML属性来实现文件的下载(而不是浏览器打开或浏览),对于动态内容,就无能为力. 例如,我们对页面进行分享的时候,希望分享图片是页面内容的实时截图,此时,这个图片就是动态的,纯HTML显然是无法满足我们的需求的,借助J…

javascript前端导出csv表格

使用场景后台统计经常要展示各种各样的表格数据,几乎每个表格展示都会伴随着数据的导出. 之前的解决方案都是通过发起一个相同查询参数(querystring)的导出请求(action=export),由服务器导出表格.这种方式的缺点是显而易见的:服务器额外做了一次查询. JS前端直接导出曾经我想过把当前表格数据封装直接发给服务器然后节省查询,总觉得太别扭了.直到前几天偶然发现JS可以直接导出csv文件.导出的原理如下: a标签的datasource功能 <a href="data:...&…

javascript前端三层，字面量，变量，语句（if,switch,三元运算符,for,do while等）

1:前端三层: 结构层 HTML 样式层 CSS 行为层 JavaScript 2:JavaScript语句和语句之间的换行.空格.缩进都不敏感.alert("你");alert("和");alert("我");语句一行一行写,分号是没有必要的.我们把页面做好之后,通常都会进行压缩,用软件把所有的空格.换行都去掉.此时,语句末尾的分号显得非常重要,如果去掉分号,将不能执行.一般都加分号3:数字字面量和字符串字面量数字的字面量,就是这个数字自己.…

javascript异步下载 Promise实现

一般下载都是直接打开一个链接就行.var URL = 'XXXX';window.open(URL)其实这样会有些问题:1. 浏览器禁止打开新窗口,导致无法下载那么怎么解决呢?这样: <a href="http://somehost/somefile.zip" download="filename.zip">Download file</a> 注意download属性,它说明要下载,并且文件名:filename.zip 那么如何异步下载?J…

C#将文件压缩成一个文件流，供前端下载

直接上代码供大家参考... 前端页面就是一个下载的Button.. <body> <form id="form1" runat="server"> <div> <asp:button ID="btn_down" runat="server" text="下载" onclick="btn_down_Click" /> </div>…

java操作poi生成excel.xlsx（设置下拉框）下载本地和前端下载

需求:导入excel表格,如果excel有错误,将错误的地方标红,在把数据以excel的形式写出,供用户下载解决方案:1.以实体类的方式接收excel并解析(创建两个集合一个接收正常的数据一个接收错误的数据)2.错误集合无论正确错误数据都要存储,并记录是否有误(错误数据拼接特殊字符作为标记,然后记录写入集合)3.如果发现记录有错误记录,就要使用错误数据集合生成excel(对错误的数据对特殊字符截取)4.将错误的excel生成到工程的相对的路径下,也可以上传服务器更好(下次下载前要记得清理记录),…