记一次改WebUploader.js的记录

前言:公司让我做一个图片上传的功能,采用了WebUploader.js这个插件,正好这个插件有个缩略图的功能呢,正开心呢,发现他是直接上传文件的,我们需要把图片转成base64走别人的接口去上传图片,只支持json不支持流,就去研究了一波WebUploader.js里的源码……

经研究发现,他的makeThumb(图片缩略图)方法就是转base64的方法,只不过他压缩了(我既需要压缩的,也需要原来的),然后就去官网api找到了这个方法

记一次改WebUploader.js的记录

可以看出,他缩略图如果大于1,是给你压缩成相对于数字的px,小于等于1就是给你的压缩比例

那我们就可以直接复制他的makeThumb方法,改个名字,直接固定他的传入参数的值为1,就是不压缩的base64咯~

记一次改WebUploader.js的记录

上面还需要加一行代码(老夫分析是注册方法的),看下图

记一次改WebUploader.js的记录

这样在外面调用它的时候,就可以调用makeBase64方法,拿到自己想要的base64拉~

效果图:

记一次改WebUploader.js的记录

不知道文章写的够不够详细,可能会影响大家的阅读凑活看把,影响也不改,哈哈哈哈哈,溜~

懒得自己改的同学,我已经为你准备好了改后的插件:webuploader.js

 

 

喜欢(2) 打赏

评论抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下吧

支付宝扫一扫打赏

微信扫一扫打赏