美文网首页
基于jquery读取input上传的文件内容

基于jquery读取input上传的文件内容

作者: 小沙盒工作室 | 来源:发表于2021-02-10 16:01 被阅读0次

    <script src="/static/js/jquery.js"></script>
    // 前端页面实现头像预览
    // 当用户选中文件之后,也就是头像的input标签有值时触发
    ('#avatar').change(function () { var file = this.files[0]; var fr = new FileReader(); fr.readAsDataURL(file); fr.onload = function(){('#avatar-img').attr('src',fr.result)

        }
    })

    相关文章

      网友评论

          本文标题:基于jquery读取input上传的文件内容

          本文链接:https://www.haomeiwen.com/subject/ykrkxltx.html