<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <p>
            <label>请选择一个文件:</label>
            <input type="file" id="imagefile" />
            <input type="button" value="读取图像" onClick="readAsDataURL();" />
        </p>
        <script type="text/javascript">
            function readAsDataURL() {
                if (typeof FileReader == 'undifined') //判断浏览器是否支持filereader
                {
                    alert("<p>抱歉,你的浏览器不支持 FileReader</p>");
                    return false;
                }
                var file = document.getElementById("imagefile").files[0];

var reader = new FileReader();
                reader.readAsDataURL(file);
                reader.onload = function(e) {
                    var to_base64 = reader.result
                    console.log(to_base64);
                }

}
        </script>
    </body>
</html>

js转化base64相关推荐

  1. html5 文件转byte[],JS 文件base64、File、Blob、ArrayBuffer互转

    二进制互转 1. file对象转base64let reader = new FileReader(); reader.readAsDataURL(file[0]) console.log(reade ...

  2. js将base64图片处理成背景透明png

    js将base64图片处理成背景透明png var canvas = document.getElementById('canvas')let imageSource=canvas.toDataURL ...

  3. jq 编码 php解码,jQuery编码转化base64通过AJAX上传

    这次给大家带来jQuery编码转化base64通过AJAX上传,jQuery编码转化base64通过AJAX上传的注意事项有哪些,下面就是实战案例,一起来看一下. 本文实例讲述了jQuery实现文件编 ...

  4. php中base64和js中base64可互相加解密

    php中base64和js中base64可互相加解密 前提:加解密的字符必须转换成UTF-8编码格式. php代码: <?php $str='中国航母辽宁号-歼15战机GOOD=ok'; ech ...

  5. js实现Base64编码解码

    js实现标准的Base64编码解码 Base64 是使用64个可打印ASCII字符(A-Z.a-z.0-9.+./)将任意字节序列数据编码成ASCII字符串,另有"="符号用作后缀 ...

  6. js实现base64编码和解码

    文章目录 需求 什么是Base64 编码规则 如何解码 js实现基于base64的编码解码 window自带函数进行Base64编码解码 Base64编码的实际运用 图片base64编码 需求 应公司 ...

  7. js将base64做UrlEncode转码

    使用  encodeURIComponent() 其详细介绍 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Glo ...

  8. js使用base64 上传图片解决iOS手机竖屏拍摄图片发生旋转问题

    ###iOS上拍摄/储存的图片会附带属性orientation(方向角).这个属性会影响图片的显示方向.可以通过插件 exif.js 获取此属性. 使用插件 mobileBUGFix 调整方向角. # ...

  9. html文件转成base64字符串,js 转base64字符串为文件

    后台java (jdk>=1.8): byte[] bytes = byteArrayOutputStream.toByteArray(); String base64Str = java.ut ...

  10. java js base64_java与js转base64编码格式

    js字符串使用base64编码解码: var Base64 = { // private property _keyStr: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcde ...

最新文章

  1. 关于软件测试中那点小事中的大道理
  2. commons-pool2-2.4.2连接池读后笔记
  3. Linux Shell脚本攻略学习总结:二
  4. 限时团购,6.5折:《C# 7.0 核心技术指南》
  5. [渝粤教育] 西南科技大学 复习资料 法理学
  6. c语言 数组循环左移m位
  7. java map 元素个数_Java 小模块之--统计字符串中元素个数
  8. 由pthread_create引起的段错误
  9. 计算机屏幕显示故障,计算机显示器常见故障的原因和解决方法
  10. talking web android,talking web(网页朗读插件) 免费版
  11. mysql已启动但无法连接_MySQL无法正常启动,Navicat连接出错,解决2003问题
  12. #码神心得_03# 浮点类型、char类型
  13. ICC编译器生成优化报告
  14. 1-4 云商城项目工程搭建
  15. 阿里巴巴开源产品列表
  16. GBase 8a并发支持性能
  17. 吉首大学第八届“新星杯”大学生程序设计大赛 K: WaWa的难题(找规律)
  18. 申请coursera助学金模板转载
  19. 【答读者问21】影响我一生的20本关于期货投资的书籍(量化方向)
  20. 台达PLC通讯程序,PLC采用台达,触摸屏采用中达电通触摸屏软件编辑

热门文章

  1. 清除流氓软件的第一利器(IceSword)
  2. [安卓手机安装Apk ] 安卓手机通过数据线在电脑下载本地的Apk应用
  3. 管中窥豹之淘宝大数据平台
  4. Rabbit基本概念详细介绍
  5. AOSP、AOKP、CM的区别
  6. 开机后黑屏看不到桌面_电脑开机后黑屏不显示桌面,但可以用管理器运行程序,怎么解决...
  7. python爬取网页的内层页_python爬取网页 下一页
  8. vs2015软件系统开源_2015年最佳开源游戏
  9. 指数加权移动平均(Exponential Weighted Moving Average)
  10. RPL(9):RFC6550翻译(9)---安全机制