当前位置:首页 » 网页前端 » 前端js下载txt文本
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

前端js下载txt文本

发布时间: 2022-05-30 23:26:44

‘壹’ jsp页面如何实现下载文档

jsp页面下载文档是在jsp中有一个a标签 ,当用户点击a标签的时候下载文件。
一般采用href属性直接指向一个服务器地址,只要链接的文件存在,就会给出弹出保存对话框.
点击a标签 先执行onclick事件,再请求href中指向的地址。
前端jsp:
<a href="#" onclick="javascript:downloadtest('${app.id}')" id="pluginurl" style="color: #83AFE2;text-decoration:underline;"></a>

然后在js中:
function downloadtest(id){
var url = "<%=request.getContextPath()%>/app/download" + "/" + id;
$("#pluginurl").attr("href",url);
}
后台处理下载逻辑的java代码:

/**
* 下载文件
* @param id appid
* @param response
*/
@RequestMapping(value="/download/{id}")
public void download(@PathVariable String id, HttpServletResponse response){
String filepath = "";
Result result = appService.getAppById(id);
App app = (App) result.getMap().get("app");
if(app == null){
return;
}
filepath = app.getUrl();

File file = new File(filepath);
InputStream inputStream = null;
OutputStream outputStream = null;
byte[] b= new byte[1024];
int len = 0;
try {
inputStream = new FileInputStream(file);
outputStream = response.getOutputStream();

response.setContentType("application/force-download");
String filename = file.getName();
filename = filename.substring(36, filename.length());
response.addHeader("Content-Disposition","attachment; filename=" + URLEncoder.encode(filename, "UTF-8"));
response.setContentLength( (int) file.length( ) );

while((len = inputStream.read(b)) != -1){
outputStream.write(b, 0, len);
}
} catch (Exception e) {
e.printStackTrace();
}finally{
if(inputStream != null){
try {
inputStream.close();
inputStream = null;
} catch (IOException e) {
e.printStackTrace();
}
}
if(outputStream != null){
try {
outputStream.close();
outputStream = null;
} catch (IOException e) {
e.printStackTrace();
}
}
}
}

‘贰’ javascript编程,如何在网页中通过JS调用并显示TXT文本

我这个最简单

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<script>
function op(){
window.location = document.all.file.value;
}
</script>
<BODY>
<input type="file" id="file"><input type="button" value="打开" onclick="op()">
</BODY>
</HTML>

不要按钮? 那不是写死了吗? 既然你这样要求那我就改吧

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<script>
function op(){
window.location = "1.txt";
}
</script>
<BODY onload="op()">
</BODY>
</HTML>

‘叁’ 求HTML或者JS读取TXT文件内容的代码

JS读取TXT文件内容的代码如下:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>读取文件内容</title>

</head>

<body>

<div id="textarea"></div>

<script type="javascript">

var fso, ts, s ;

var ForReading = 1;

fso = new ActiveXObject("Scripting.FileSystemObject");

ts = fso.OpenTextFile("d:\testfile.txt", ForReading);

s = ts.ReadLine();

document.getElementById("textarea").innerHTML=s;

</script>

</body>

</html>

(3)前端js下载txt文本扩展阅读:

javascript中打开文件的OpenTextFile函数使用方法:

1、object.OpenTextFile(filename[, iomode[, create[, format]]])

2、其中object是必选项。 object 应为 FileSystemObject 的名称。

3、filename是必选项。 指明要打开文件的字符串表达式。

4、iomode是可选项。 可以是三个常数之一: ForReading 、 ForWriting 或 ForAppending 。

5、create是可选项。 Boolean 值,指明当指定的 filename 不存在时是否创建新文件。 如果创建新文件则值为 True ,如果不创建则为 False 。 如果忽略,则不创建新文件。

6、format是可选项。 使用三态值中的一个来指明打开文件的格式。 如果忽略,那么文件将以 ASCII 格式打开。



‘肆’ 前端js 后端python 如何用ajax下载文件

前端js改成这样试试:
var form = $("<form></form>").attr("action", "/cgi-bin/rpt_data_toExcel.py").attr("method", "post");
form.append($("<input></input>").attr("type", "hidden").attr("name", "fileName").attr("value", "results.xls"));
form.appendTo('body').submit().remove();

‘伍’ js怎么获取网路文本txt内容

常规方式是通过 ajax:

fetch(< 文本 url>).then(data=>data.text()).then(text=>{

// add your code here

});

‘陆’ JavaScript下 文件下载到指定路径如何实现

execCommand("SaveAs",false,"E:\test\1.jpg") 还是用false吧,这句的意思是设置初始地址

‘柒’ 《Vue.js前端开发快速入门与专业应用》txt下载在线阅读全文,求百度网盘云资源

《Vue.js前端开发》(陈陆扬)电子书网盘下载免费在线阅读

链接: https://pan..com/s/1gLVGnguvga7-MeAOvC3Rtg

提取码: 9bcc

书名:Vue.js前端开发

作者:陈陆扬

豆瓣评分:6.2

出版社:人民邮电出版社

出版年份:2017-2-1

页数:196

内容简介:

本书分为10章,包括简介、基础特性、指令、过滤器、过渡、组件、状态管理、常用插件、工程实例和Weex打包。本书从简单的单个实例和基础语法,到工程实例,将系统地讲述Vue.js在项目中的适用场景和具体操作。本书的特点在于案例详实,使读者体会到框架的优点和便捷之处,提升开发效率,最后能将Vue.js运用到实际项目中,避免纸上谈兵的尴尬。

‘捌’ js下载txt文件

首先,下载文件就别想了,你那个execCommand有兼容性问题,貌似其他浏览器不支持

至于window.open,这个多数会被拦截吧,现在都不允许弹窗了。至于txt文档,有的浏览器会直接显示出来,有的会当文件下载,这个关键还是在服务器的设置,服务器传输过来是有标头,表明详细情况,浏览器对应处理。
所以你要比如点击一个对象后弹出下载的界面,可以有几种方式,比如不用TXT,变成其他比如RAR的,浏览器绝对不会直接显示出来,还有就是在服务器端,弄成不是TXT,弄成动态页面,然后输出为TXT,此时设置标头为下载,不允许直接显示,不过,如果这个TXT是在其他服务器上,你想点击了直接下载,这个有难度。

以前我做个一个东西,7年前了,就是把东西弄在框里,这样下载也可以的
<iframe id="download" src="对象地址"></iframe>
然后调用execCommand保存这个对象。这样我是成功的,把一个rar显示在框内,一片乱码,然后调用这个保存后,成为rar,可以使用。

‘玖’ js如何编写代码实现下载文件(doc,txt格式),需要代码

只是下载的话,直接连接地址指向 文件地址就OK了,例如:<a href="d:\sd.doc"></a>

‘拾’ JQuery,JS 读取远程服务器的txt文件内容

注意几点:

1 一个是端口号,注意你自己设置的是哪个端口号

2 第二个是要保证txt格式中的文件是json格式 ,不然会没有返回值。

3 不要在本地直接打开 ,放在本地服务器上,apache之类的