JS 前端 将图片转换为Base64利用H5 FileReader新特性
2024-08-31 10:58:02
file = document.getElementById("image");
var file=file.files[0];
var fileName=file.name;
if(file.type !== 'image/jpeg' && file.type !== 'image/png' && file.type !== 'image/gif') {
alert('当前仅支持图片!');
return;
}
var size = Math.round(file.size / 1024 / 1024);
if (size > 2)
{
alert('图片大小不得超过2M');
return;
}
var reader = new FileReader();
imgUrlBase64 =reader.readAsDataURL(file);
reader.onload = function(e)
{
reader.result;//读取到的base64文件流
//此方法为异步方法,将调用的AJAX处理放在这个funtion里面
ajax{
//代码
}
});
}.bind(this);
最新文章
- eclipse for java developer和eclipse for java ee developer的区别
- Spring mvc 中使用ftl引用共通文件出错 FreeMarker template error: Error reading included file ";/WEB-INF/ftl/common/errormessage.ftl";
- [Xpand] Error	1	Invalid option '6' for /langversion; must be ISO-1, ISO-2, 3, 4, 5 or Default
- OSI参考模型与TCP/IP协议模型
- Android的ADB配置环境和adb指令使用
- ZT “樱花小萝莉”走红网络 网友:好想生个女儿
- POJ 2185 Milking Grid KMP(矩阵循环节)
- Arch-Linux-添加中文字体
- PLINQ 简介
- Android MediaStore与Media.EXTERNAL_CONTENT_URI
- 从汇编看c++中指向成员变量的指针(一)
- HTML静态网页(css样式表)
- td中的值自动换行
- codeigniter(ci)在nginx下返回404的处理方法即codeigniter在nginx下配置方法
- UIScreen的scale属性
- 头文件limits—各个类型的数据的范围
- 【XSS】对抗蠕虫 —— 如何让按钮不被 JS 自动点击
- Java中反射的实现方式
- malloc()
- NOSQL学习之二:MongoDB