js获取base64编码和文件名

最新推荐文章于 2025-05-23 18:25:30 发布

辛苦的字幕君小样

最新推荐文章于 2025-05-23 18:25:30 发布

阅读量9.8k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端文章标签： javascript 文件上传 base64

本文链接：https://blog.youkuaiyun.com/zhongyuchuan147/article/details/80527280

前端专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的图片上传功能，包括文件类型的检查及Base64编码转换。通过简单的前端脚本确保只有指定类型的图片文件可以被上传。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 图片上传
    $('#file').change(function (){
        var filename=this.files['0']['name'];//文件名


        //切割 获取文件名
        arr=this.files['0']['name'].split(".");
        var filetype=arr[(arr.length-1)];//文件类型
        console.log(filetype);
        //设置只能有的类型
        var typearr=['jpg','gif','png','jpeg']
        
        //如果存在则处理上传 否则赋值数据为空
        if($.inArray(filetype, typearr)!=-1){
            var reader = new FileReader();
            reader.readAsDataURL(this.files[0]);
            reader.onload = function(e) {
                console.log(e)
                var base64=e.target.result;
            };
        }else{
            layer.msg('不允许的文件类型');
            $('#file').val('')
        }
    })