首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

URL.createObjectURL(blob)未在IE 11中创建正确的URL

URL.createObjectURL(blob)是一个用于在浏览器中创建一个指向Blob对象的URL的方法。它在IE 11中可能无法正确创建URL。

Blob是一种表示不可变、原始数据的对象,可以包含各种类型的数据,如文本、图像、音频和视频等。URL.createObjectURL()方法接受一个Blob对象作为参数,并返回一个URL字符串,该字符串可以用于引用该Blob对象。

在IE 11中,URL.createObjectURL(blob)可能无法正常工作,因为IE 11不支持该方法。为了在IE 11中创建正确的URL,可以使用其他方法来处理Blob对象。一种常见的方法是使用 FileReader 对象来读取Blob数据,并将其转换为数据URL。

以下是在IE 11中创建正确URL的示例代码:

代码语言:javascript
复制
function createObjectURL(blob) {
  if (window.navigator.msSaveOrOpenBlob) {
    // IE 11
    window.navigator.msSaveOrOpenBlob(blob, "file.txt");
  } else {
    // 其他浏览器
    var reader = new FileReader();
    reader.onloadend = function() {
      var url = reader.result;
      // 使用URL进行操作
      console.log(url);
    };
    reader.readAsDataURL(blob);
  }
}

在上述代码中,我们首先检查浏览器是否支持window.navigator.msSaveOrOpenBlob方法,如果支持,则使用该方法保存或打开Blob对象。如果不支持,则使用FileReader对象将Blob对象转换为数据URL,并在onloadend事件中获取URL。

这样,无论在IE 11还是其他浏览器中,都可以正确地创建URL来操作Blob对象。

关于腾讯云相关产品和产品介绍链接地址,由于要求不能提及具体的云计算品牌商,我无法提供相关链接。但是,腾讯云提供了丰富的云计算服务,包括云服务器、云数据库、云存储等,您可以访问腾讯云官方网站,了解更多关于腾讯云的产品和服务。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

让浏览器下载文件一些手段

IE ,这也是许多业务需求需要考虑。...总结一下: 未在响应头设置Content-Disposition信息(例如一般直接定位资源同源URL),download属性可以重置文件名。...浏览器在内部通过URL.createObjectURL()创建一个对 Blob 或 File 对象特殊引用,生成 Blob URL 只能在浏览器本地单个实例和同一会话中使用,并且这个 URL 对象会在页面退出时候被浏览器释放...Blob 为 Web 开发提供了一个非常有用功能:创建 Blob URL。...将二进制数据封装为 Blob 对象,然后使用URL.createObjectURL()生成 Blob URL,由于Blob URL本身就是一个同源URL,可以使用该 URL 配合download解决跨域资源下载以及命名问题

9.5K20
  • # 前端文件下载正确打开方式

    这里主要逻辑是当我们请求成功后,我们会拿到响应体response,这个response就是我们要下载内容,然后我们把它转换成blob对象,然后通过URL.createObjectURL创建一个...这里知识点就有两个,一个是blob对象,一个是URL.createObjectURL。 # blob对象 Blob对象表示一个不可变、原始数据类文件对象。...# URL.createObjectURL URL.createObjectURL() 静态方法会创建一个 DOMString,其中包含一个表示参数中给出对象 URL。...这个 URL 生命周期和创建窗口中 document 绑定。这个新 URL 对象表示指定 File 对象或 Blob 对象。...这个方法是用来创建一个url,它作用是把一个blob对象转换成一个url,这个url可以用来下载文件,也可以用来预览文件,代码如下: const url = URL.createObjectURL(

    28340

    关于 Blob

    [WechatIMG6.png] [WechatIMG5.png] Blob URL 就是以 blob: 开头一段地址,指向是一个二进制数据 使用 URL.createObjectURL(blob...Blob(blobParts[, options]) 返回一个新创建 Blob 对象,其内容由参数中给定数组串联组成 参数说明: blobParts:数组类型,数组中每一项连接起来构成 Blob...,可赋值到 a 标签 href 属性进行下载 const url = URL.createObjectURL(blob) 通过 Blob 生成文件、利用 Blob URL 获取下载链接,这样就实现后端返回二进制格式文件进行合并再下载...形式呢 从 ==URL.createObjectURL(blob)== 方法来看,首先要拿到存储这个视频原始数据 Blob 对象 平时我们请求接口可以使用 axios / ajax / xhr 或...应当是返回图片和视频数据,这种情况只要设置正确==responseType==才能拿到我们想要格式数据 // responseType 参数如下: // text 字符串;blob Blob对象;arraybuffer

    2.7K10

    前端实现文件下载功能三种方式

    已知文件内容,通过URL.createObjectURL()下载文件 此方式需与后端配合,当点击下载按钮时,请求接口,返回文件流。...URL.createObjectURL() 静态方法会创建一个 DOMString,其中包含一个表示参数中给出对象URL。这个 URL 生命周期和创建窗口中 document 绑定。...这个新URL 对象表示指定 File 对象或 Blob 对象。 createObjectURL()支持传入 File 对象、Blob 对象或者 MediaSource 对象(媒体资源)。...(url) // 销毁 document.body.removeChild(a) } }, 注意:URL.createObjectURL()创建对象使用完成后,即下载后可以通过URL.revokeObjectURL...理论上讲dom销毁时,URL.createObjectURL()创建对象也会随之销毁,我们可以不必手动销毁。但当页面有类似表格形式文件列表时,下载完文件立即手动销毁对象无疑是最好选择。 3.

    11.3K61
    领券