`

js file

 
阅读更多
<textarea id="textbox">Type something here</textarea> <button id="create">Create file</button> <a download="info.txt" id="downloadlink" style="display: none">Download</a>

 

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

    // If we are replacing a previously generated file we need to
    // manually revoke the object URL to avoid memory leaks.
    if (textFile !== null) {
      window.URL.revokeObjectURL(textFile);
    }

    textFile = window.URL.createObjectURL(data);

    return textFile;
  };


  var create = document.getElementById('create'),
    textbox = document.getElementById('textbox');

  create.addEventListener('click', function () {
    var link = document.getElementById('downloadlink');
    link.href = makeTextFile(textbox.value);
    link.style.display = 'block';
  }, false);
})();

 

分享到:
评论

相关推荐

    前端项目-jsfile.zip

    【前端项目-jsfile.zip】是一个包含JavaScript库的压缩包,主要设计用于在浏览器环境中处理文件。这个库,命名为"jsFile",旨在提供一套全面的工具集,帮助开发者更高效、更灵活地操作用户上传的文件。在前端开发中...

    基于JavaScript File API的本地数据读取、处理机制改进.pdf

    ### JavaScript File API概述 JavaScript File API是一种在客户端JavaScript中访问和处理文件系统上的文件的技术。它提供了一系列与文件操作相关的接口,使得开发者能够在浏览器环境中读取本地文件、处理文件数据,...

    使用fileuploader.js实现文件上传

    本篇文章将详细讲解如何使用`fileuploader.js`这个JavaScript库来实现文件上传功能,以及与之相关的技术要点。 `fileuploader.js`是一个轻量级的前端文件上传组件,它提供了友好的API和自定义选项,便于开发者集成...

    js type=file图片预览

    js IE、Chrome上实现type=file的图片实时预览

    filesize.js:JavaScript库生成人类可读的描述文件大小的字符串

    filesize.js filesize.js提供了一种从数字(浮点数或整数)或字符串中获取人类可读文件大小的字符串的简单方法。 可选设定 filesize()接受一个可选的描述符对象作为第二个参数,因此您可以自定义输出。 根据 (数字...

    js获取 input file 图片立即显示

    "js获取input file 图片立即显示"这个话题就是关于如何利用JavaScript来实现在用户选择图片后即时预览的功能。以下是一个详尽的步骤解释和相关知识点: 1. **HTML 结构**: 首先,我们需要在HTML页面中创建一个`...

    js-file-downloader::rocket:小型JS非依赖库,可提供超酷的下载体验

    使用软件包管理器进行安装用包管理器(recomanded): npm install js - file - downloader -- save基本用法import JsFileDownloader from 'js-file-downloader' ;const fileUrl = 'http://...' ;new ...

    加密功能的js文件 jsFIle

    加密功能的js文件,供Java后台调用。 下面文章中,用到的资源。 https://blog.csdn.net/liu765023051/article/details/103410155

    file控件无法赋值解决实例

    解决无法为FIle控件赋值的问题!并且支持中文赋值问题

    js input file多个文件上传功能.zip

    在JavaScript(JS)中,实现一个输入元素`&lt;input type="file"&gt;`的多文件上传功能是一项常见的需求,尤其在Web开发中。这个"js input file多个文件上传功能.zip"包含了一个实现这一功能的代码示例,适用于图片和其他...

    personal js file for extjs enhancement

    If you need this, please email me at :sunjunbin@gmail.com

    Some personal js file base on extjs

    If you want thsi please email me at:sunjunbin@gmail.com

    前端开源库-file-downloader

    **前端开源库-file-downloader** 是一款专为前端开发者设计的轻量级文件下载工具,它基于现代浏览器支持的fetch API实现,旨在提供一个简洁、高效且易于集成的解决方案,帮助用户在网页上实现文件的下载功能。...

    js 添加 删除 file组件

    js 添加 删除 file组件

    js动态添加file标签

    js动态添加生成多个file和删除按钮,并上传到服务器

    browser-md5-file-1.0.0.zip

    浏览器MD5文件处理库browser-md5-file是一款轻量级的JavaScript工具,主要用于在客户端计算文件的MD5哈希值。这个库特别适用于那些需要验证文件完整性的场景,比如上传文件时确保文件未被篡改或者在不同的设备间同步...

    JavaScript File分段上传

    JavaScript File分段上传是一种在浏览器端处理大文件上传的技术,尤其适用于处理大于浏览器或服务器允许一次性上传的最大文件。这种技术将大文件分割成多个小块(通常称为“段”),逐个上传,然后在服务器端将这些...

    FileSave.js

    filesave.js可以实现保存文件、保存文本、保存画布,将数据源保存到文件名目的地,返回实际保存的ArrayBuffer。saveSync执行同步调用。数据类型可以是:Buffer, ArrayBuffer File, Blob dataURI, base64 string ...

    js读取本地文件到字节数组

    &lt;script type="text/javascript" src="Scripts/jquery-1.7.1.min.js"&gt; &lt;script type="text/javascript"&gt; $(document).ready(init); function init() { $(":file").change(uploadFile); } function ...

Global site tag (gtag.js) - Google Analytics