当前位置： 移动技术网 > IT编程>开发语言>PHP > van-uploader + thinkphp6.0 图片上传

van-uploader + thinkphp6.0 图片上传

2020年07月23日  | 移动技术网IT编程  | 我要评论 
              <van-uploader :after-read="afterRead" :before-read="beforeRead">
                    <van-icon :name="headimgurl" size="0.4rem" />
                </van-uploader>


        afterRead(file) {
                // 此时可以自行将文件上传至服务器


                var formData = new FormData(); //构造一个 FormData，把后台需要发送的参数添加
                formData.append('file', file.file); //接口需要传的参数
                let fd = new FormData()
                fd.append('file', file.file)
                this.axios.post( this.globalAPI.setUpload, fd, {headers: {
                        'Content-Type': 'multipart/form-data'
                    }}).then(res => {
                        if(res.data.code == 200){
                          
                           
                        }else {
                            Toast.fail(res.data.code);
                        }
                console.log(res)
                }).catch(err => {
                    alert(err)
                })

            },
            beforeRead(file) {
                if (file.type !== 'image/jpeg') {
                    Toast('请上传 jpg 格式图片');
                    return false;
                }
                return true;
            },
            // 返回 Promise
            asyncBeforeRead(file) {
                return new Promise((resolve, reject) => {
                    if (file.type !== 'image/jpeg') {
                        Toast('请上传 jpg 格式图片');
                        reject();
                    } else {
                        let img = new File(['foo'], 'bar.jpg', {
                            type: 'image/jpeg',
                        });
                        resolve(img);
                    }
                });
            },

 

本文地址：https://blog.csdn.net/qq_36056242/article/details/107495613

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网