标签:canvas const img 记录 elink 有用 obj document 方法
记一下,免得用的时候,找到的都是坑
//图片url转base64
imgUrlToBase64 = imgObj => { return new Promise((resolve,reject) => { const img = document.createElement('img') img.setAttribute('crossOrigin', 'anonymous'); img.src = imgObj.url img.onload = () => { const canvas = document.createElement('canvas') canvas.height = img.height canvas.width = img.width const ctx = canvas.getContext('2d') ctx.drawImage(img,0,0,img.width,img.height) const base64 = canvas.toDataURL("image/png") resolve({base64,name:imgObj.name}) } }) }export const downloadFile = (data, fileName) => { const blob = new Blob([data]); if ('download' in document.createElement('a')) { // 非IE下载 const elink = document.createElement('a'); elink.download = fileName; elink.style.display = 'none'; elink.href = URL.createObjectURL(blob); document.body.appendChild(elink); elink.click(); URL.revokeObjectURL(elink.href); // 释放URL 对象 document.body.removeChild(elink); } else { // IE10+下载 navigator.msSaveBlob(blob, fileName); } }; //常见深拷贝 export const deepClone = (obj, map = new Map()) => { if (!(obj instanceof Object)) return obj // 原始数据类型 if (map.has(obj)) return map.get(obj) // 重复引用 let result = Array.isArray(obj) ? [] : {} map.set(obj, result) // 将对象存入map // 遍历所有属性进行递归拷贝 ;[...Object.keys(obj), ...Object.getOwnPropertySymbols(obj)].forEach(key => { result[key] = deepClone(obj[key], map) }) return result }
//下载文件
标签:canvas,const,img,记录,elink,有用,obj,document,方法 来源: https://www.cnblogs.com/chchchc/p/15904494.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。