• 2024-06-18记录--createObjectURL这个API真好用,我举几个场景你们就懂了
  • 2024-03-27blob url 转 url 生成 uuid
    path=URL.createObjectURL(newBlob([blob]));URL.createObjectURL()方法会根据传入的参数创建一个指向该参数对象的URL.这个URL的生命仅存在于它被创建的这个文档里.新的对象URL指向执行的File对象或者是Blob对象.functiongetUuid(blob){consturl_uuid=URL.createO
  • 2024-01-18上传图片,必填增加校验
    <el-form-itemlabel="产品照片:"class="product-manual-box":prop="`infoTabs[${index}].productfmId`":rules="{required:true,message:'请上传产品照片',trigger:'change'}">
  • 2023-11-23react开发 jest写单元测试 如何借助mock模拟实现接口返回文件流的下载测试
    要借助mock模拟实现接口返回文件流的下载测试,可以使用以下步骤:1.创建一个用于接收文件流的虚拟DOM元素,例如通过`document.createElement('a')`创建一个`<a>`元素。2.使用`URL.createObjectURL()`方法将文件流转换为URL。3.设置创建的虚拟DOM元素的`href`属性为URL,同时设置`dow
  • 2023-10-17前端url的几种实用情况
    一相对地址转绝对地址使用场景:某个函数需要在使用的时候传递一个地址,函数内部会利用这个地址进行某些操作(比如生成worker,生成image,数据转化等)如下:如果直接使用相对位置,会根据url进行拼接。但当一些利用利用了router的单页项目,页面的url并不能获取到真实的file地址。所
  • 2022-12-30vue 中图片上传
    <template><div><h1>展示的内容:{{meg}}</h1><inputtype="text"v-model="inputValue"@keyup.enter="fn"/><hr/><imgwidth="200":src="img
  • 2022-10-24iframe 预览pdf
    <iframe:src="pdfUrl"style="width:100%;height:100%"></iframe>url:{downLoad:'/sys/minio/download/'},pdfUrl:''lookOfdFile(filePath){let
  • 2022-10-18URL.createObjectURL 的使用方法
    使用场景:点击图片预览图片的时候,用于生成一个临时的预览地址;imgFile是??使用input type=file选择的图片constimgFile=this.$refs.imgFile.files[0];//接口需
  • 2022-10-09浏览器中javascript简易实现json数据保存到客户端
    思路很简单,就是利用Blob、URL.createObjectURL()方法和<a>便签的HTML5新属性download来模拟远端文件下载保存。下面直接上代码savePath:function(){varme