js图片上传

写个图片上传的功能,没有检验图片大小,只是把图片转了base64 格式,然后再由后台进行操作才使用,也可以直接使用,只是没有转base64,相关代码如下

在js中

imgChange(files) {
    let file = files.target.files[0]
    let reader = new FileReader();
    let imgFile;
    reader.readAsDataURL(file)
    reader.onload = e => {
        imgFile = e.target.result;
        let arr = imgFile.split(',')
     
        let url = '/impwx/personal/modify'
        this.$store.state.loginForm.personImg = arr[1]
        this.$http.modity(url, this.$store.state.loginForm).then(res => {
            console.log(res)
            if (res.code == 200) {
                this.$store.commit('setLoginForm', res.data)
                this.$router.push({
                    path: '/wxScreen/personal'
                })
            } else {
                this.$toast.loading({
                    message: res.message
                });
            }
        })
    }
},

因为主要是想记载下图片在上传过程中的转base64方法,因此,这个功能只是基础,也没有进行图片尺寸的校验,如果有需要,后续可能会进行优化更新。

你可能感兴趣的:(js图片上传)