vue-element图片上传

2022-07-25  本文已影响0人  前端Sultan
<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); 
        },
    },
};
上一篇 下一篇

猜你喜欢

热点阅读