将文件转成编码base64码
来源:互联网 发布:excel统计不同数据个数 编辑:程序博客网 时间:2024/06/05 00:55
- 选择图片:
- <input type="file" id="img">
- <br/>
- <button id="start">开始转换</button>
- <div>
- 预览:<img id="imgShow" src="" alt="">
- </div>
- <b>Base64数据:</b>
- <textarea rows=15 cols=60 id="conte"></textarea>
- <button id='cpData'>复制</button><span id="succ"></span>
- <div id="len">数据长度:</div>
- <script>
- var img = document.getElementById('img')
- , imgShow = document.getElementById('imgShow')
- , conte = document.getElementById('conte')
- , len = document.getElementById('len')
- , start = document.getElementById('start')
- , cpData = document.getElementById('cpData');
- cpData.addEventListener('click', cpDataF);
- start.addEventListener('click', startt);
- /*转换函数*/
- function startt() {
- var imgFile = new FileReader();
- imgFile.readAsDataURL(img.files[0]);
- imgFile.onload = function () {
- var imgData = this.result; //base64数据
- imgShow.setAttribute('src', imgData);
- conte.value = imgData;
- len.innerHTML += imgData.length;
- }
- }
- /*复制数据*/
- function cpDataF() {
- conte.select(); // 选择对象
- var cpd=document.execCommand("Copy"); // 执行浏览器复制命令
- cpd ? document.getElementById('succ').innerHTML = '复制成功' : console.warn('复制失败');
- window.setTimeout(function () {
- document.getElementById('succ').innerHTML = '';
- }, 1000)
- }
- </script>
0 0
- 将文件转成编码base64码
- 将PDF格式文件转成二进制并生成Base64编码,将Base64编码转成PDF文件
- php 将图片文件转成base64编码的方法
- [Java学习] 将PDF格式文件转成二进制并生成Base64编码,将Base64编码转成PDF文件
- [Java学习] 将PDF格式文件转成二进制并生成Base64编码,将Base64编码转成PDF文件
- 将文件转成base64 字符串
- 将图片链接直接转成base64位编码
- 图片 音频等文件转成base64编码
- 图片转成base64编码
- 图片转成base64编码
- java将网络图片转成Base64码
- 将图片转成base64
- 文件转成base64
- Java Base64编码转成图片
- java将base64转成image
- 将图片转成二进制并生成Base64编码,可以在网页中通过url查看图片
- 将图片转成二进制并生成Base64编码,可以在网页中通过url查看图片
- 将图片转成二进制并生成Base64编码,可以在网页中通过url查看图片
- 为 Jenkins 配置 .NET 持续集成环境_0
- 三十一、利用微信搜索抓取公众号文章
- 正则表达式Regex
- 三十二、scrapy爬虫抓取网页写入mysql数据库
- UVA1619 栈维护递增序列
- 将文件转成编码base64码
- 三十三、利用scikit-learn计算tf-idf做文本词频分析
- MXNet | 在R语言中使用
- 普里姆(Prim)算法和克鲁斯卡尔(Kruskal)算法
- redis-sourcecode 字符串之空间换时间
- 三十四、基于python的高效中文文本切词
- 白话hadoop yarn的调度过程以mapreduce程序为例
- openstack kilo安装记录
- 三十五、利用sonataadmin做样本标注