首页 / JAVASCRIPT / javascript – 为什么我的文件blob保存整个网页而不是输入的字符串？

javascript – 为什么我的文件blob保存整个网页而不是输入的字符串？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 为什么我的文件blob保存整个网页而不是输入的字符串？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含974字，纯文字阅读大概需要2分钟。

内容图文

我有这个函数接受一个字符串,我希望人们能够下载由该字符串组成的文本文件.但是,每当我单击链接时,下载的文件只包含整个HTML页面而不是字符串.

JS：

function downloadFile(names) {
  var text = names.toString();
  $('#downloadlink').href = createFile(text);
}

function createFile(text) {
  var data = new Blob([text], {type: 'text/plain'});

  if (textFile !== null) {
    window.URL.revokeObjectURL(textFile);
  }

  var textFile = window.URL.createObjectURL(data);

  return textFile;
}

HTML：

<a download="colors.txt" href="" id="downloadlink">Download</a>

它为什么这样做？我是否错误地构建了Blob？我如何解决它？

解决方法:

这里的问题是,当你使用$(‘#downloadlink’)时,jQuery魔法模糊了你实际在做的事情. jQuery包装从jQuery对象中返回jQuery对象,这是一个类似于结构的数组.所以即使一个id选择器(可能)返回一个元素,jQuery仍然会给你一个数组.

因此,你不能做$(‘#stuff’).href.你需要像这样使用jQuery的attr()：

$('downloadLink').attr('href', createFile(text));

与大多数jQuery函数一样,它将一些操作应用于$返回的数组中的所有元素.

工作JSBin.

内容总结

以上是互联网集市为您收集整理的javascript – 为什么我的文件blob保存整个网页而不是输入的字符串？全部内容，希望文章能够帮你解决javascript – 为什么我的文件blob保存整个网页而不是输入的字符串？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/818536.html

来源：【匿名】