//react上传图片:<Input type='file' accept='image/*' onChange={onChange}></Input>
const onChange = (e: any) => {var reader = new FileReader();reader.onload = (function (file) {return function (e: any) {console.info(e.target.result); //这个就是base64的数据setPeopleDataBase64(e.target.result);};})(e.target.files[0]);reader.readAsDataURL(e.target.files[0]);}

JSinput上传图片文件转base64相关推荐

  1. ajax异步上传图片文件并将其转换为base64格式

    ajax异步上传图片文件并将其转换为base64格式 高级浏览器上面,可以直接使用html5的FileReader,实现获取上传文件的base64格式,并以字符串形式提交.对于IE9以下的浏览器,就得 ...

  2. 通过文件url地址获取base64;通过图片url地址获取base64;js获取文件的base64

    本篇是通过url地址获取文件的base64 如果想要通过File文件获取base64查看这篇 以下代码可直接复制使用!注意第9行的图片地址更改下 <template><div cla ...

  3. ssm上传图片文件到ftp(图片压缩处理)

    ##ssm上传图片文件到ftp(图片压缩处理) ## 开发工具 Eclipse 1.引入jar包 jar包下载地址:阿里中央仓库 2.配置spring-mvc.xml,添加以下代码 <bean ...

  4. vue+element ui完成头像上传功能(文件转base64)以及自定义布局。

    1.自定义布局 查阅element ui的头像上传功能,发现是点击头像位置才可以上传,那我们可不可以点击头像外部的按钮来上传头像呢? element ui效果图:                    ...

  5. Html5 FileReader 对文件进行Base64编码

    以Base64进行编码的数据Url开始越来越广泛的被应用起来,原来做Base64转换要自己写一个小程序来转,其实Html5的FileReader的readAsDataURL方法读取出的数据就已经是Ba ...

  6. 【OkHttp】OkHttp 上传图片 ( 获取 SD 卡动态权限 | 跳转到相册界面选择图片 | 使用 OkHttp 上传图片文件 )

    OkHttp 系列文章目录 [OkHttp]OkHttp 简介 ( OkHttp 框架特性 | Http 版本简介 ) [OkHttp]Android 项目导入 OkHttp ( 配置依赖 | 配置 ...

  7. Java pdf文件传输_java中pdf文件的管理(pdf文件转png文件,base64传输文件以及删除)...

    org.apache.pdfbox pdfbox 2.0.12 影像文件转为base64编码使用java自带的BASE64Encoder类 代码部分: 前端上传文件的保存: @RequestMappi ...

  8. 使用PDF.js实现前端和手机端网页预览PDF文件(可定制,支持本地文件、Base64编码和远程URL跨域方式)

    1.插件下载地址:https://mozilla.github.io/pdf.js/ 下载后解压pdfjs-1.10.88-dist.zip文件后得到: 2.把pdfjs-1.10.88-dist放到 ...

  9. 利用Spring MVC 上传图片文件

    本文转自:http://amcucn.iteye.com/blog/264457.感谢作者 近日在工作当中,需要用到上传图片的功能,然而自己平时学习的时候只会使用struts的上传功能,但因为项目并没 ...

  10. php上传图片文件常用的几个方法

    1. 前台 <form class="add-form" method="post" action="/person/save" en ...

最新文章

  1. 图的邻接矩阵存储和邻接表存储定义方法
  2. res里面的drawable(ldpi、mdpi、hdpi、xhdpi、xxhdpi)
  3. 详解 lsusb命令
  4. HALCON示例程序find_pads.hdev通过fit_rectangle2_contour_xld绘制精准轮廓
  5. 您的JVM是否泄漏文件描述符-像我的一样?
  6. TCP socket心跳包示例程序
  7. 598. 范围求和 II
  8. java线程内存溢出_Java常见问题分析(内存溢出、内存泄露、线程阻塞等)
  9. Hadoop相关问题解决
  10. Hadoop2.0安装
  11. vue中使用video-player和百度地图
  12. ignore的音标_单词ignore的音标_词典解释_翻译_相关例句_一直查
  13. Java中Object转化为int类型
  14. word总页数不包含封面_Word2016页码显示总页数不包含封面目录指导文档
  15. 八爪鱼采集器32位_飞智八爪鱼2游戏手柄评测
  16. 摩尔线程与Ampere Computing达成合作
  17. java 高效列转行,java 列转行
  18. 全媒体时代的速度与激情:香港凤凰卫视云端转型实践
  19. 【excel】定位列内差异/定位行内容差异单元格
  20. #torch.bmm()函数解读

热门文章

  1. 3Dmax和SketchUp有什么区别
  2. 编码表/转义字符/进制转换
  3. ansys经典界面分析工字钢_ANSYS教程,ANSYS经典界面与WORKBENCH的区别
  4. mysql 并行操作_将MySQL去重操作优化到极致之三弹连发(二):多线程并行执行...
  5. 软件设计方案说明书的编写
  6. 19-基础教育知识图谱赋能智慧教育
  7. 7. JanusGraph服务
  8. 《深入浅出统计学》笔记
  9. 【VR】虚拟现实软件开发工具与技术
  10. 红米2 miui android5.1,Redmi 2 MIUI7 Android 5.1闪回到Android 4.4和第三方Rec更新5