我的创作纪念日

机缘

从事这行也那么多年了，说实话，进入这行也是纯属偶然，毕业后因为工作原因，开始接触软件公司的岗位，了解了整个软件开发的大致流程与岗位角色，从ps切图到写html,css,js,到用php做织梦cms，linux部署，都有尝试过，最终确定了自己的职业方向。一路走来，能让自己坚持下来的，不是说这行工资有多高，完全是因为兴趣爱好，对这行感兴趣，能够激发自己主动去学习新的知识，技能，不断的去进步，去提升自己！

工作中，难免会遇到很多技术难点，自己能力上限之外的，千方百计的去寻找解决方法，又或许有很多的开发技巧，我们自己想出的，或是在别人的经验中总结出来的，这就是我创作的起因，记录总结这些技巧，一方面加强自己的技能理解，另一方面也是分享给更多的开发者，让他们能少走弯路，创造一个和谐的社区开发环境吧

---

收获

1.多年下来，已经累计了5000多名粉丝，说明自己的文章还是得到了大家的认可的，帮助了那么多人，心里也是挺有成就感的，毕竟只是业余时间去记录
2.从最开始的随便写写，到现在又规划的去完成相关创作，开通了几个专栏，也收获了少许的订阅收益，虽然少，但是对我本人确实很大的鼓励，让我能看到坚持下去的希望

---

日常

当前记录已经是我生活中的一部分了，只要有了好的切入点，我都会工作之后，利用休息片段时间记录下来，作为工作总结，也加深自己的理解

---

成就

1. upload组件的customRequest自定义上传事件

//自定义上传事件，其他找文档操作
const uploadHandle = async function (options) {
    console.log(options, 'options')
    const fileName = options.file.name
    const formData = new FormData()
    formData.append('file', options.file, fileName)
    //uploadPic后端上传接口
    //这里最好不写成async await ,因为后端上传失败会返回500，而500的错误代码被axios拦截了，所以一直获取不到res.success这个状态，用promise.then.catch捕获错误，然后设置status="error"
    uploadPic(formData).then(res => {
        if (res.success) {
            data.formState.fileList.push({
                url: data.picUrl + res.result,
            })
            data.loading = false;
            // options.onProgress(100)
            options.onSuccess(res, options.file)
            options.status = 'done'
        }
    }).catch(err => {
        options.onError()
        options.status = 'error'
        //亲测下面的一行是关键，没上传成功的要过滤掉，必须写在status后面才能自动删掉失败的上传文件
        data.formState.fileList = toRaw(data.formState.fileList).filter(ele => ele.status == 'done')
    })
}

2.处理富文本框图片上传的问题
某个项目实现代码

images_upload_handler(blobInfo, progress) {
        return new Promise((resolve, reject) => {
            if (blobInfo.blob().size / 1024 / 1024 > 2) {
                reject("上传失败，图片大小请控制在 2M 以内")
            } else {
                let params = new FormData()
                params.append('file', blobInfo.blob())
                uploadPic(params).then(res => {
                    if (res.code == 200) {
                        resolve(picUrl + res.result)//上传成功，在成功函数里填入图片路径
                    } else {
                        reject("上传失败")
                    }
                }).catch(() => {
                    reject("上传出错，服务器开小差了呢")
                })
            }
        })
    }

---

憧憬

1.坚持学习新的技术，不断丰富自己的只是体系，加强自己的专业技能，为开源社区做更大的贡献
2. 继续在自己的专业范围内深耕，写好更多的专栏文章