美文网首页
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