当前位置: 首页 > news >正文

武昌有专业做网站如何免费推广自己的产品

武昌有专业做网站,如何免费推广自己的产品,平台网站建设方案书,建一个类似b站的网站多少钱js实现将后端请求来的 Blob 数据保存到用户选择的任意目录 实现方式 实现方式 实现方式是使用 window 的 showSaveFilePicker 方法。Window 接口的 showSaveFilePicker() 方法用于显示一个文件选择器,以允许用户保存一个文件。可以选择一个已有文件覆盖保存&#xf…

js实现将后端请求来的 Blob 数据保存到用户选择的任意目录

    • 实现方式

实现方式

在这里插入图片描述

实现方式是使用 window 的 showSaveFilePicker 方法。Window 接口的 showSaveFilePicker() 方法用于显示一个文件选择器,以允许用户保存一个文件。可以选择一个已有文件覆盖保存,也可以输入名字新建一个文件。

具体示例如下:

使用 fetch 或者 axios 从后端获取 Blob 数据。
使用 showSaveFilePicker 让用户选择保存文件的位置。
将 Blob 数据写入用户选择的文件。
以下是一个完整的示例代码:

<!DOCTYPE html>
<html><head><title>js实现将后端请求来的 Blob 数据保存到用户选择的任意目录</title>
</head><body><h2>js实现将后端请求来的 Blob 数据保存到用户选择的任意目录</h2><button onclick="saveBlobFromServer()">保存文件</button><script>async function saveBlobFromServer() {try {// 1: 从后端获取 Blob 数据,这里就直接模拟一个 Blob 数据const obj = { hello: "world" };const blob = new Blob([JSON.stringify(obj, null, 2)], {type: "application/json",});// 2: 显示文件保存选择器。这段代码显示文件保存对话框,允许用户选择保存文件的位置和名称。const opts = {suggestedName: 'downloaded-file',types: [{// 建议的文件名description: "文件",// 允许选择的文件类型的数组accept: {"text/plain": [".txt"],"application/pdf": [".pdf"],"image/jpeg": [".jpg", ".jpeg"],"image/png": [".png"],},},],excludeAcceptAllOption: true,};const fileHandle = await window.showSaveFilePicker(opts);// 3: 创建一个可写流,并将 Blob 数据写入用户选择的文件中。const writableStream = await fileHandle.createWritable();await writableStream.write(blob);await writableStream.close();console.log('文件保存成功');} catch (error) {console.error('文件保存失败:', error);}}</script>
</body></html>
  • 注意
    showSaveFilePicker 是一个实验性 API,可能并不在所有浏览器中都可用。请确保在支持的环境中使用。
    你可能需要在 HTTPS 环境下运行此代码,因为许多现代浏览器要求文件系统 API 在安全上下文中使用。
http://www.dinnco.com/news/25834.html

相关文章:

  • 平顶山市住房和城乡建设局网站百度广告投放价格
  • 手机宣传网站5118站长网站
  • wordpress文章页折叠互联网优化是什么意思
  • 做网站编辑工作累吗中国站长之家
  • 网站建设与管理知识点乐事薯片软文推广
  • c 网站开发 调试网页自助建站
  • 亿赐客网站谷歌官网下载
  • wordpress能做图片站怎么做营销推广方案
  • 衡阳北京网站建设百度手机版下载
  • 外贸公司怎么运作佛山抖音seo
  • 企业网站公示怎么做免费做网站的网站
  • 微信如何建公众号怎么创建seo优化教程自学网
  • javascript做网站重要吗怎么做平台推广
  • wordpress菜单设置图标网络seo
  • 丹江口网站制作淘宝运营培训班学费大概多少
  • 天津网站怎么做seo申请域名
  • 上海网站建设 网页做百度一下子就知道了
  • 鹰潭网站开发发布友情链接
  • 自己做网站卖东西需要交税吗搜索引擎最佳化
  • 如何做视频解析网站汕头网站建设推广
  • 湛江网站制作计划百度关键词排名技术
  • 学做蛋糕哪个网站好广告投放平台
  • 怎样建设学校网站首页下载百度地图2022最新版
  • 政府网站建设的基本原则seoul是哪个城市
  • 网站建设买什么书明星百度指数排行
  • 做钓鱼网站犯法吗软件开发
  • 做微网站公司简介大连seo外包平台
  • 网络代理项目北京seo网站开发
  • 新乡专业做淘宝网站浏览器下载大全
  • 已经有备案的公司网站 还能不能加网站网站推广的方式有哪些