input file 文件转base64

由于浏览器的设置保护功能，input file 获取不到真正的文件路径，可将选择的文件转为base64

 <input id="file_upload" value="导入"  type="file"  onchange="filechange()" />//文件选择改变事件function filechange() {var selectFile = document.getElementById("file_upload");var filePath = selectFile.value;//文件路径var fileName = selectFile.files[0].name;//上传的文件名称var file = selectFile.files[0];//上传的文件var extn = fileName.substring(fileName.lastIndexOf('.') + 1).toLowerCase();//文件后缀//文件base64string获取if (window.FileReader) {var reader = new FileReader();reader.readAsDataURL(file);//监听文件读取结束后事件    reader.onloadend = function (e) {var base64String=e.target.result;};}}

input file 文件转base64相关推荐

img图片的预览和下载（iframe基本使用），图片转file格式，file文件转base64格式，base64的编码和解码
目录一.根据后端接口返回的URL下载和预览图片 1.调用下载图片函数实现下载图片 2.弹出另一个页面,实现预览图片. 3.不弹出另一个页面,实现下载/预览图片(iframe方式) 4.动态创建ifr ...
前端FileReader对象实现图片file文件转base64
1.file转base64具体代码 // 图片file转base64方法(file文件,回调函数)fileToBase64(file, callback) {// 创建FileReader对象(不兼容 ...
Web前端 input file 文件上传优化
前言: 在Web开发过程中,当项目做得越来越大时,文件上传功能也会被使用得非常多,之前项目经理反馈一个问题,就是当点击[选择上传文件]按扭时,弹出文件浏览框总是很慢,点击上传按扭后,要很久文件选择窗口 ...
input file 文件上传,js控制上传文件的大小和格式
文件上传一般是用jquery的uploadify,比较好用.后面会出文章介绍uploadify这个插件. 但是,有时候为了偷懒,直接就用input 的file进行文件和图片等的上传,input fil ...
file 文件与 base64 互相转化
base64 转 file function dataURLtoFile(dataurl, filename) { var arr = dataurl.split(','), mime = a ...
jQuery清空input file文件域的解决方案
在对一个文件域(input type="file")使用了验证后,我们总会希望把文件域中的值给清空了(否则错误的文件仍然会被提交),而在IE中,安全设置的原因,是不允许更改文件域的 ...
input file 文件上传标签美化
input 标签通过设置 type 属性为 file,则可以选中文件,通过 accept 设置上传类型 <label class="control-label file"&g ...
input file文件上传（enctype）
一.浏览器post表单提交通常的input组件表单提交时,按照form属性提交的其中enctype="application/x-www-form-urlencoded"是默认值 ...
解决input file文件chang事件只触发一次问题
$("#file1").live('change',function(){imageFormSubmit("1");}); 注意 file文件上传,必须设置f ...
ashx获取input file 文件_前端战五渣学前端——FileReader预览本地文件
距离上一篇博客将近一个半月了,这一个多月有点烦躁,静不下心来学习,也不知道为什么,玩的也不算太好,还感冒.可能是天气热了吧,有点点躁动.上周看了<哪吒--魔童降世>还不错,还看了新出的&l ...

input file 文件转base64

input file 文件转base64相关推荐

最新文章

热门文章