js简单的图片转base64

来源：互联网发布：微信后台php 编辑：程序博客网时间：2024/06/08 14:35

<!DOCTYPE html><html><head>    <meta charset="utf-8" />    <title>Title</title></head><body><input type="file" id="fielinput" accept="image/*" onchange="showPreview(this)"><img id="fielImg" src="" /></body></html><script>    /*     * 上传图片     */    function showPreview(source) {        var file = source.files[0];        //判断文件类型        var extfile = file.name;        var AllImgExt=".jpg|.jpeg|.gif|.bmp|.png|";        var extName = extfile.substring(extfile.lastIndexOf(".")).toLowerCase();//（把路径中的所有字母全部转换为小写）        if(AllImgExt.indexOf(extName+"|")==-1)        {            var ErrMsg="该文件类型不允许上传。请上传 "+AllImgExt+" 类型的文件，当前文件类型为"+extName;            alert(ErrMsg);            return false;        }        if(window.FileReader) {            var fr = new FileReader();            fr.readAsDataURL(file);            fr.onloadend = function(e) {                document.getElementById("fielImg").src = e.target.result;            };        }else{            alert('浏览器不支持预览图片');        }    };</script>

0 0