在Vue中将Blob对象转换为Base64编码的字符串,可以通过FileReader对象来实现。以下是一个详细的步骤和代码示例: 获取Blob对象:通常通过HTTP请求(如Axios或Fetch)从服务器获取Blob数据。 使用FileReader读取Blob对象:通过FileReader对象的readAsDataURL方法将Blob对象读取为Data URL。 提取Base64编码的字符串:从Data URL中提取...
注意:今天在使用Vue进行文件上传的代码编写时,发现报错:Error in v-on handler: "TypeError: Failed to execute 'readAsDataURL' on 'FileReader': parameter 1 is not of type 'Blob'."` 显然,是传入的file对象出了问题,根据报错提示,我们应该传入一个Blob对象。也就是说,file不是Blob对象 我们使用console.log...
formData.append('media',fileIn.originFileobj) const blobData = formData.get('media')// 获取 Blob值 blobToBase64(blobData,base64string=>{ localstorage.setItem('myBlobKey',base64string) }) this.$router.push({path:"/B",query:{...}})//跳转到B页面 需要带啥参数自己写哦}, } } } </...
Error in v-on handler: "TypeError: Failed to execute 'readAsDataURL' on 'FileReader': parameter 1 is not of type 'Blob'." ` 显然,是传入的file对象出了问题,根据报错提示,我们应该传入一个Blob对象。也就是说,file不是Blob对象 我们使用console.log(file)进行调试输出: 看,raw这个属性写了个大大的Fi...
Error in v-on handler: "TypeError: Failed to execute 'readAsDataURL' on 'FileReader': parameter 1 is not of type 'Blob'." ` 显然,是传入的file对象出了问题,根据报错提示,我们应该传入一个Blob对象。也就是说,file不是Blob对象 我们使用console.log(file)进行调试输出: ...
Vue Blob流与Java后端的接收方案 在现代Web应用中,前端框架如Vue.js与后端服务常常需要进行复杂的数据交互。本文将探讨如何通过Blob流在Vue与Java后端之间传输文件,具体包括Blob的生成、转化为Base64编码并发送到后端,以及Java后端的接收与处理逻辑。 1. 背景 ...
Blob转Base64函数 blobToBase64(blob) { return new Promise((resolve, reject) => { const fileReader = new FileReader(); fileReader.onload = (e) => { resolve(e.target.result); }; fileReader.readAsDataURL(blob); fileReader.onerror = () => { reject(new Error('blobToBase64 error')); }...
实现base64图片压缩函数 代码语言:javascript 代码运行次数:0 运行 AI代码解释 // 参数: base64地址,压缩比例,回调函数(返回压缩后图片的blob和base64)compressPic:function(base64,scale,callback){constthat=this;let_img=newImage();_img.src=base64;_img.onload=function(){let_canvas=document.createElement(...
downloadFile(blob, fileName) }, 2、调用 //调用公共方法(写在methods里面不需要,直接调用就行) import util from '@/utils/base64ToFile' downloadView(con) { // con是后台返回的base64码 util.downloadFileByByte(con, '错误信息汇总表.xlsx') } ...
canvas.height= targetHeight;// 绘制压缩图像ctx.drawImage(img,0,0, targetWidth, targetHeight);// 生成新base64(自动处理格式)constmimeType = base64.match(/data:(.*?);/)[1]; canvas.toBlob((blob) =>{constreader =newFileReader();