更换背景示例

最新推荐文章于 2024-11-13 17:27:29 发布

netluoriver

最新推荐文章于 2024-11-13 17:27:29 发布

阅读量122

点赞数 2

分类专栏： ajax 文章标签： javascript 前端

本文链接：https://blog.csdn.net/netluoriver/article/details/138623418

版权

ajax 专栏收录该内容

5 篇文章 0 订阅

订阅专栏


document.querySelector('.bg-ipt').addEventListener('change', e => {
    console.log(e.target.files);
    const file = e.target.files[0];

    const formData = new FormData();
    formData.append('img', file);
    axios({
        url: `https://hmajax.itheima.net/api/uploadimg`,
        method: 'POST',
        data: formData
    }).then(res => {
        console.log(res.data.data.url);
        const url = res.data.data.url

        localStorage.setItem('bg-url', res.data.data.url);

    })
})

const bgurl = localStorage.getItem('bg-url');
bgurl && (document.body.style.backgroundImage = `url(${bgurl})`);