input标签file文件上传图片,获取base64

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了input标签file文件上传图片,获取base64相关的知识,希望对你有一定的参考价值。

<input type="file" name="img-up" id="img-up" value="" />

  

$("#img-up").on("change",function () {
                if(this.files[0]){
                    getImgBase64Data(this.files[0], function (result) {
                        console.log(result);
                        
                    });
                }

            });
            function getImgBase64Data(file, callback) {
                var reader = new FileReader();
                reader.onload = function (e) {
                    callback(e.target.result);
                };
                reader.readAsDataURL(file); // 读取完后会调用onload方法
            }
		

  

以上是关于input标签file文件上传图片,获取base64的主要内容,如果未能解决你的问题,请参考以下文章

图片上传方案详解

jQuery:[1]实现图片上传并预览

vue使用input标签 type='file'上传文件

js 实现 input type="file" 文件上传示例代码

js input file文件上传图片并展示

input实现多文件上传及图片预览