原文:JS获取当前网页内容,创建文件并下载,URL.createObjectURL和URL.revokeObjectURL

有时候需要在前端侧对于动态生成的内容进行下载,比如页面上某一段文本信息,再比如对页面进行分享的时候,希望分享图片是页面内容的实时截图,此时,这个图片就是动态的,纯HTML显然是无法满足我们的需求的,借助JS和其它一些HTML 特性,例如,将页面元素转换到canvas上,然后再转成图片进行下载。 原理其实很简单,我们可以将文本或者JS字符串信息借助Blob转换成二进制,然后,作为 lt a gt ...

2019-02-21 21:28 0 3872 推荐指数:

查看详情

URL.createObjectURLURL.revokeObjectURL

一.URL.createObjectURL URL.createObjectURL()方法会根据传入的参数创建一个指向该参数对象的URL. 这个URL的生命仅存在于它被创建的这个文档里. 新的对象URL指向执行的File对象或者是Blob对象. 语法 ...

Mon Feb 02 22:17:00 CST 2015 0 38303
URL.createObjectURLURL.revokeObjectURL

一、URL.createObjectURL   URL.createObjectURL()方法会根据传入的参数创建一个指向该参数对象的URL。   这个URL的生命仅存在于它被创建的这个文档里,新的对象URL指向执行的File对象或者是Blob对象。   语法:     objectURL ...

Sat Jan 07 01:25:00 CST 2017 0 4217
JavaScript ObjectURL | URL.createObjectURLURL.revokeObjectURL

一.URL.createObjectURL URL.createObjectURL()方法会根据传入的参数创建一个指向该参数对象的URL. 这个URL的生命仅存在于它被创建的这个文档里. 新的对象URL指向执行的File对象或者是Blob对象,或者 MediaSource 对象。​ 语法 ...

Sat Aug 29 23:31:00 CST 2020 0 674
图片上传预览 (URL.createObjectURL

知识预备:1、 URL.createObjectURL() 静态方法会创建一个 DOMString,它的 URL 表示参数中的对象。这个 URL 的生命周期和创建它的窗口中的 和 等 element)的入口。其也为文档(document)提供了全局性的函数,例如获取页面的URL、在文档中创建新 ...

Wed Nov 09 20:47:00 CST 2016 0 8466
URL.createObjectURL()的使用方法

URL.createObjectURL() 静态方法会创建一个 DOMString,其中包含一个表示参数中给出的对象的URL。这个 URL 的生命周期和创建它的窗口中的 document 绑定。这个新的URL 对象表示指定的 File 对象或 Blob 对象 ...

Fri Dec 13 22:04:00 CST 2019 0 1459
前端接受后端文件流并下载的几种方法var blob = new Blob([content]); URL.createObjectURL(blob);

前言 项目中经常会遇到需要导出列表内容,或者下载文件之类的需求。结合各种情况,我总结了前端最常用的三种方法来接受后端传过来的文件流并下载,针对不同的情况可以使用不同的方法。 方法一 使用场景 针对后端的get请求 具体实现 直接用个<a>标签来接受后端的文件流 ...

Wed Sep 11 23:40:00 CST 2019 0 3890
window.URL.createObjectURL()和window.URL.revokeObjectURL的详解

一.URL.createObjectURL URL.createObjectURL()方法会根据传入的参数创建一个指向该参数对象的URL. 这个URL的生命仅存在于它被创建的这个文档里. 新的对象URL指向执行的File对象或者是Blob对象. 语法 ...

Thu Jul 16 18:56:00 CST 2020 0 9116
怎样获取当前网页URL

1. document.documentURI 2. document.URL 注意: 1. 两个属性的作用是完全一样的. 都是返回一个当前网页URL的字符串; 2. document.documentURI 继承自Document接口, 适用于所有 ...

Wed Sep 18 02:29:00 CST 2019 0 1555
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM