美文网首页
vue-element图片上传

vue-element图片上传

作者: 前端Sultan | 来源:发表于2022-07-25 15:17 被阅读0次
<el-upload
    action=""
    :limit="1"
    :on-change="handleChange"
    :auto-upload="false"
    :file-list="fileList"
    :show-file-list="false"
>
    <span>选择文件</span>
</el-upload>
export default {
    data() { 
        return {};
    },

    methods: {
        // 选择文件
        handleChange(file, fileLists) {
            console.log(file);
            console.log(fileLists);
            // 本地服务器路径
            console.log(URL.createObjectURL(file.raw));
            // 本地电脑路径
            console.log(document.getElementsByClassName("el-upload__input")[0].value); 
        },
    },
};

相关文章

网友评论

      本文标题:vue-element图片上传

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