博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
上传图片
阅读量:5797 次
发布时间:2019-06-18

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

//上传头像    var perImgFile = [];    var input = document.getElementById('file_input');    input.onchange = function () {        // 也可以传入图片路径:lrz('../demo.jpg', ...        var file = this.files[0];        var mime = {'png': 'image/png', 'jpg': 'image/jpg', 'jpeg': 'image/jpeg', 'bmp': 'image/bmp','gif':'image/gif'};        var type = file.type; //字符串,文件的MIME类型        var name = file.name; //本地文件系统中的文件名        // 如果没有文件类型,则通过后缀名判断(解决微信及360浏览器无法获取图片类型问题)        if (!type) {             type = mime[file.name.match(/\.([^\.]+)$/i)[1]];        }         if (!/image.(png|jpg|jpeg|bmp|gif)/.test(type)) {            $.toast("您选择的文件类型不是图片")            return;         }         var size = (file.size)/1024;  //文件的字节大小        if(size > 1024 * 1){            $.toast("图片最大为:1M");            return;        }        perImgFile.name = name;        readFile.call(this,"user-photo")    };    //读取本地图片    function readFile(id){         var file = this.files[0];         var reader = new FileReader();         reader.readAsDataURL(file); //读取文件并将文件以数据URI的形式保存在result属性中        reader.onload = function(e){            var imgAsDataURL = this.result;  //data:image/jpeg;base64,/9j/4AAQSkZJRgABAgE...            var index = imgAsDataURL.indexOf(",");            console.info("base64:"+imgAsDataURL);            $("#"+id).attr("src",imgAsDataURL);            perImgFile.base64 = imgAsDataURL.substr(index+1);        }     }

 

转载于:https://www.cnblogs.com/youaremysunshine/p/5416153.html

你可能感兴趣的文章
Java中连接各种数据库
查看>>
修改Windows系统IP地址的快捷脚本
查看>>
华为AD+NPS+DHCP+MAC地址认证配置(一)Windows篇
查看>>
Python修改文本列对齐
查看>>
mysql安装
查看>>
java poi Excel文件导出工具类
查看>>
虚拟机VMware NAT service服务手动启动,出错误提示“1067:进程意外终止
查看>>
Drupal 中文社区分布图谱
查看>>
shell编程——if语句 if -z -n -f -eq -ne -lt
查看>>
spring Quartz基于配置文件和注解的实现
查看>>
k8s+docker:部署留言板php+redis
查看>>
负载命令
查看>>
看看联想是怎么把微软Outlook/Lync用到极致的
查看>>
TX Text Control文字处理教程(3)打印操作
查看>>
【20180105】mysql日常优化一则
查看>>
如何选择服务器背板
查看>>
(Google Scholar)谷歌学术打不开怎么办,图文详解
查看>>
apache的开源连接池 - BasicDataSource问题
查看>>
C之内存布局(三十六)
查看>>
python中的字典
查看>>