lrz是一个图片压缩模块,用作H5来减少上传流量,自动压缩图片还是挺不错的。

之前用的好好的,但是最近代码由VUE2升级到VUE3,需要支持typescript,结果lrz报错了。有两个办法解决,1是修改lrz为typescipt代码,懒得折腾;2是自己写一个定义文件,由于接口还是挺简单的,于是自己写了一个(偷懒都用any了),放到vscode项目根目录就不报错了。

内容如下:lrz.d.ts

export = lrz;declare function lrz(file: any, opts: any): Promise<any>;declare namespace lrz {const version: string;
}

测试一下:

import lrz from 'lrz'lrz(file, { width: SIZE_LIMIT, height: SIZE_LIMIT, quality: 0.8 }).then(resp => {
console.log(resp.base64)
})

LRZ图片压缩模块的TypeScript定义文件相关推荐

  1. vue lrz图片压缩插件

    vue lrz图片压缩插件 安装 引入 使用 参考网站 安装 npm i lrz -S 引入 // main.js 中引入 import lrz from 'lrz' 使用 methods: {aft ...

  2. 如何在DNN模块中插入一个图片--在模块中引用资源文件

    DNN永远都是运行在网站的根目录 DNN的设计上最大的特点就是始终是使用一个网站根目录下的Default.aspx文件加载皮肤和模块从而实现整个网站的页面.这也就是说DNN这个Asp.net程序永远是 ...

  3. lrz:图片压缩上传

    lrz图片压缩 npm install lrz // main.js引入 import lrz from 'lrz' <input type="file" @change=& ...

  4. 浅谈移动端图片压缩(iOS Android)

    在 App 中,如果分享.发布.上传功能涉及到图片,必不可少会对图片进行一定程度的压缩.笔者最近在公司项目中恰好重构了双端(iOS&Android)的图片压缩模块.本文会非常基础的讲解一些图片 ...

  5. 浅谈移动端图片压缩(iOS Android)

    在 App 中,如果分享.发布.上传功能涉及到图片,必不可少会对图片进行一定程度的压缩.笔者最近在公司项目中恰好重构了双端(iOS&Android)的图片压缩模块.本文会非常基础的讲解一些图片 ...

  6. 企业——nginx的图片压缩、https模块、重写规则、盗链

    1.nginx实现图片的压缩 意义:一般单反拍出来的图片很大,当一个页面有很多图片,如果不将图片进行压缩处理,用户直接查看,这是很慢的,不利于用户的体验,所以,我们需要通过nginx的image_fi ...

  7. 微信内置浏览器无法使用input图片上传和lrz.bundle.js图片压缩插件

    标题 微信内置浏览器无法使用input图片上传和lrz.bundle.js图片压缩插件 图片上传功能作为一个比较常见的功能,有时候需要在微信内置浏览器里打开,但是有些型号的手机会出现打不开的现象,点击 ...

  8. ssm上传图片文件到ftp(图片压缩处理)

    ##ssm上传图片文件到ftp(图片压缩处理) ## 开发工具 Eclipse 1.引入jar包 jar包下载地址:阿里中央仓库 2.配置spring-mvc.xml,添加以下代码 <bean ...

  9. JavaScript 和 TypeScript 交叉口 —— 类型定义文件(*.d.ts)

    在 <从 JavaScript 到 TypeScript 系列> 文章我们已经学习了 TypeScript 相关的知识. TypeScript 的核心在于静态类型,我们在编写 TS 的时候 ...

最新文章

  1. 【字符串操作之】返回指定位置的字符和Unicode 字符代码 根据unicode返回字符→→charAt、charCodeAt和fromCharCode...
  2. 训练NeRF只需5秒?!英伟达这项新技术给谷歌研究员整不会了 | 开源
  3. 1028: 在霍格沃茨找零钱
  4. ffmpeg检测文件是否损坏_教你一招如何检测硬盘,让你知道硬盘是否有损坏?还有几天寿命?...
  5. python技巧(2)--碾平列表和列表去重
  6. unoconv 在线预览 doc,doxc,xls,xlsx,ppt,pptx 文件功能环境搭建
  7. html之引入独立js方便维护jq代码
  8. 矩形分割(洛谷P1324题题解,Java语言描述)
  9. java学习二---对象和内存管理
  10. linux下nginx的基本使用
  11. 从零开始编写自己的C#框架(7)——需求分析
  12. vivo手机如何开启云服务器,怎么开启vivo手机中的云服务自动备份功能
  13. Web端和移动端接入萤石云平台的视频数据
  14. 清华085211计算机技术,2018年清华大学计算机系计算机技术考研(085211)考试科目、参考书目、复习经验---新祥旭考研...
  15. qgridlayout 滚动时固定第一行_滚动轴承组合设计应考虑的问题
  16. UVA1386 Cellular Automaton
  17. 了解字体以及字体安装
  18. OutOfMemoryError(OOM)和StackOverflowError(SOF)异常总结
  19. 一年之计在于春丨看, 农田里的科技范儿
  20. EXCEL——图表数据标签——展示两组比较的绝对值和变化率

热门文章

  1. 使用selenium爬取腾讯热点新闻
  2. 94. 二叉树的中序遍历
  3. 历年蓝桥杯真题(2)
  4. 无法连接腾讯云mysql_本地连接腾讯云Mysql失败问题
  5. springMVC02-SSM整合(Result统一响应数据格式、异常页面修改、SSM整合vue-elementUI小案例、SpringMVC的拦截器Interceptor)
  6. vue移动端、PC自适应(配置postcss-px2rem)
  7. WPF之几何图形Geometry
  8. CART 决策树的计算方法
  9. Oracle导入异常: unable to create INITIAL extent for segment in tablespace MY_DATA
  10. Springboot实现短信验证码功能(阿里云)