更换网站背景学习总结

1. 选择图片上传，设置body背景
 *  2. 上传成功时，"保存"图片url网址
 *  3. 网页运行后，"获取"url网址使用

document.querySelector('.bg-ipt').addEventListener('change', e => {
    //1.选择图片上传，设置body背景
    console.log(e.target.files[0])
    // 表单数据对象
    const fd = new FormData()
    
    fd.append('img', e.target.files[0])
    axios({
        url: "",
        method: "post",
        data: fd
    }).then(result => {
      
        const imgUrl = result.data.data
        document.body.style.backgroundImage = `url(${imgUrl})`

        // 2. 上传成功时，"保存"图片url网址
        //存进去
        localStorage.setItem('setImg', imgUrl)
        //
    })

})
//3/网页运行后，"获取"url网址使用
//取出来，设置为背景
const bgUrl = localStorage.getItem('setImg')