. 下载文件

js复制编辑// 下载文件const link = document.createElement;link.href = URL.createObjectURL; 不过，link.download = 'data.xlsx'; link.click，URL.revokeObjectURL;

. 上传文件

js复制编辑// 上传文件const form = new FormData;form.append，await fetch;

. Blob 与其他类型互转

目标方式

Blob → DataURL

js复制编辑// 将 Blob 转为 DataURLconst dataURL = URL.createObjectURL;// 或FileReader的使用console.log;// 将 DataURL 应用于 canvas 或 img element。constructor // 使用 DataURL 创建 img element。function downloadFile { const userStore = useUserStore const lowerMethod = method.toLowerCase const config = { method: lowerMethod,url,headers: { charset: 'utf-',token: userStore.token || '',},responseType: 'blob',...。} axios.n { const reader = new FileReader reader.onload = => { try { const json = JSON.parse if { message.error } } catch { message.error } } reader.readAsText return } // 文件下载处理 const blob = new Blob const fileName = getFilenameFromContentDisposition || 'downloaded-file' const link = document.createElement link.-style.createObjectURL link.download= fileName document.body.appendChild link.click document.body.removeChild URL.revokeObjectURL }).catch => { message.})="" catch{="" class="hlxs_error" const="" contentdisposition="" decodeuricomponent="" e.$trim)="" encoded="filenameStar.$split.map=>" filename="parts.$find" filename*="UTF-'''%E6%9F%E5%BA%E6%9D%BF" filenamestar="parts.$find.startsWith)" getfilenamefromcontentdisposition="" i="" if="" let="" matches$match?="" name="" null="" p="" parts="header.$split" return="" ="" try="" {="" }="" }<="" 中的文件名function="" 文件="" 解析="">

📘 方法调用

import {$downloadFile} from '@/utils/download'async function exportData {$url}= import.) $params={...materialStockTakingStore..searchForm,export_flag : };话说回来，$downloadFile}