js 实现图片上传

Posted Mr-Cui

tags:

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


var input1 = document.querySelector(‘#upload‘);//获取input
input1.addEventListener(‘change‘,upload)
function upload(){
        var oFReader = new FileReader();
        oFReader.readAsDataURL(this.files[0])
        oFReader.onload = function (event) {
            tapDatas.file = event.target.result;
            imgs.src = event.target.result;
            console.log(tapDatas, ‘file文件‘);
        }
    }

  

以上是关于js 实现图片上传的主要内容,如果未能解决你的问题,请参考以下文章

html + js 实现图片上传,压缩,预览及图片压缩后得到Blob对象继续上传问题

js实现图片上传预览功能,使用base64编码来实现

input file图片上传预览js实现

js 实现异步上传图片+预览

Js实现input上传图片并显示缩略图

layui 上传图片 实现过程