博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS 上传图片转换成二进制流base64
阅读量:4453 次
发布时间:2019-06-07

本文共 1035 字,大约阅读时间需要 3 分钟。

accept可限制上传所选文件是什么类型

1    var fileInput = document.getElementById("image_upload"); 2     //选择文件 3     fileInput.addEventListener('change',function(){ 4         //如果未传入文件则中断 5         if(fileInput.files[0] == undefined){ 6             return; 7         } 8          9         var file = fileInput.files[0];10         11         //FileReader可直接将上传文件转化为二进制流12         var reader = new FileReader();  13         reader.readAsDataURL(file);//转化二进制流,异步方法14         reader.onload = function(){
//完成后this.result为二进制流15 console.log(this.result);16 17 //页面显示文件名18 $("#name").html(file.name);19 20 var base64Str = this.result;21 var startNum = base64Str.indexOf("base64,");22 startNum = startNum*1 + 7;23 //去除前部格式信息(如果有需求)24 var baseStr = base64Str.slice(startNum);25 26 //临时存储二进制流27 $("#tempName").val(baseStr); 28 29     } 30   })

 

转载于:https://www.cnblogs.com/sky2blue/p/10522075.html

你可能感兴趣的文章
电商网站架构设计
查看>>
http://jingyan.baidu.com/article/4dc40848e7b69bc8d946f127.html
查看>>
WCF netTcp配置
查看>>
数据类型转换
查看>>
Nodejs学习笔记(2) 阻塞/非阻塞实例 与 Nodejs事件
查看>>
什么是FreeMaker
查看>>
设计模式学习笔记(总结篇:模式分类)
查看>>
TCP的三次握手/建立连接
查看>>
Python 教程阅读笔记(一):使用解释器
查看>>
运算符重载
查看>>
SDWebImage 新版接口使用方法
查看>>
DataTable导出为word,excel,html,csv,pdf,.txt
查看>>
android ListView详解
查看>>
软件工程 第一次作业
查看>>
Content Server HA搭建
查看>>
vue-textarea 自适应高度
查看>>
(2)数据结构——线性表(链表)实现
查看>>
[leetCode]Linked List Cycle I+II
查看>>
leetcode中的python学习
查看>>
sqlserver打开对象资源管理器管理的帮助文档的快捷键
查看>>