JS 图片转base64,文件转base64 名字或者身份证隐藏一定位数
2023-09-27 14:20:09 时间
/** 对其名字或者身份证进行隐藏 * * @param {*} str 字符串 * @param {*} frontLen 前面保留位数 * @param {*} endLen 后面保留位数 */ export function plusXing(str, frontLen, endLen) { var len = str.length - frontLen - endLen; var xing = ''; for (var i = 0; i < len; i++) { xing += '*'; } return str.substring(0, frontLen) + xing + str.substring(str.length - endLen); } /** * * @param url 图片路径 * @param ext 图片格式 * @param callback 结果回调 */ export function getUrlBase64(url, ext, callback) { var canvas = document.createElement("canvas"); //创建canvas DOM元素 var ctx = canvas.getContext("2d"); var img = new Image; img.crossOrigin = 'Anonymous'; img.src = url; img.onload = function () { canvas.height = 60; //指定画板的高度,自定义 canvas.width = 85; //指定画板的宽度,自定义 ctx.drawImage(img, 0, 0, 60, 85); //参数可自定义 var dataURL = canvas.toDataURL("image/" + ext); callback.call(this, dataURL); //回掉函数获取Base64编码 canvas = null; }; } /** * * @param {*} blob 文件的文件流 * @param {*} callback 回调函数 */ export function blobToDataURI(blob, callback) { var reader = new FileReader(); reader.readAsDataURL(blob); reader.onload = function (e) { callback(e.target.result); } }
相关文章
- 『XXG JS』JavaScript 数组 - 批量删除
- 页面加载和js文件解析顺序
- 【Node.js 第二篇】使用npm
- js获取url指定参数值
- js数组修改后会互相影响
- vue.js:父组件向子组件传递数据props
- vue.js父组件访问子组件
- 前端JS读取文件内容并展示到页面上
- springmvc如何访问到静态的文件,如jpg,js,css
- Node.js安装及环境配置之Windows篇
- 纯JS俄罗斯方块,打造属于你的游戏帝国。
- Cocos2d-JS V3.10 一个小bug提示
- thinkphp遇到的小问题,js文件中U方法不被解析
- JS中 try...catch...finally (转)
- js验证上传文件大小
- 【动态个人简历设计---JS,html实现】
- Pycharm初识JS
- Resumable.js – 基于 HTML5 File API 的文件上传
- 一次下载多个文件的解决思路-JS
- node.js 读取json文件
- vue系列:在js文件中使用vue实例和store实例
- JS数组与PHP数组的对比
- Jquery ajaxfileupload.js结合.ashx文件实现无刷新上传
- js文件/图片从电脑里面拖拽到浏览器上传文件/图片
- pdf.js 怎么预览 base64 类型的 pdf 文件
- js中Dom操作的个人总结
- Gulp实现css、js、图片的压缩以及css、js文件的MD5命名