- 代码收藏
- JS 获取图片Base64
- css 缩放
- JS调用浏览器下载
- 腾讯云服务器 数据磁盘扩容
- JS删除指定下标的数组
- Js 关闭chrome内核浏览器 标签页
- js时间转毫秒
- JS 二维数组排序输出HTML
- uniapp webview 加载H5,手机返回键处理成返回上一页,上一个网页
- uniapp uni.navigateTo 跳转失败无效的可能原因
- uniapp 设置顶部状态条背景颜色
- 网口小票打印机IP查看方法
- 梦行表格thead 固定,tbody 滚动CSS代码
- JS操作梦行表格按TR属性值排序
- 浏览器插件开发之检测网络请求参数
- 编辑器追加商品调用按钮
- H5网页不缩放,查看图片时双指缩放时,跳图片URL缩放看图 js代码event.touches.length
- html5属性 contenteditable 在微信手机上不生效,或有时点击没反应,解决方案
JS 获取图片Base64
1JS
/*JS 获取图片Base64 function getImageBase64(img, ext) { canvas=document.getElementById('myCanvas'); canvas.width = img.width; canvas.height = img.height; ctx=canvas.getContext('2d'); ctx.drawImage(img, 0, 0, img.width, img.height); //使用画布画图 dataURL = canvas.toDataURL("image/" + ext); //返回的是一串Base64编码的URL并指定格式 canvas = null; //释放 return dataURL; } fileExt='image/png'; var user_icon = document.getElementById('authcode_img');//图片容器 user_icon.src = $("#authcode_img").attr('src'); //指定图片路径 user_icon.onload = function () { base64 = getImageBase64(user_icon, fileExt); //base64编码 console.log('base64:'+base64); } */
2HTML
<canvas id="myCanvas">your browser does not support the canvas tag </canvas> <img id=authcode_img src=https://www.monxin.com/logo.png />
本页由《梦行文档》生成