vue 上传文件图片

最新推荐文章于 2023-12-11 15:09:32 发布

niersen丶尼尔森

最新推荐文章于 2023-12-11 15:09:32 发布

阅读量310

点赞数

分类专栏：笔记文章标签： vue 上传图片

本文链接：https://blog.csdn.net/Neil_1993/article/details/86599255

版权

笔记专栏收录该内容

65 篇文章 1 订阅

订阅专栏

<template>
    <div>
        <input class="choose_pic" type="file" name="avatar" accept="" style="display:none" @change="changeImage($event)" ref="avatarInput">
    </div>
</template>


<script>

    export default {
        data(){
          return{

          }
        },
        methods:{

            changeImage(e) {
                var file = e.target.files[0]
                console.log(file)
                var reader = new FileReader()
                var that = this
                reader.readAsDataURL(file)
                reader.onload = function(e) {
                    that.avatar = this.result

                }
            }
        }

    }
</script>

<style scoped>
.choose_pic{
    display: block !important;
}

</style>

未加网络请求