欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

van-uploader + thinkphp6.0 图片上传

程序员文章站 2022-04-27 11:44:10
afterRead(file) { // 此时可以自行将文件上传至服务器 var formData = new FormData(); //构造一个 FormData,把后台需要发送的参数添加 formData.append('file', file.file); //接口需要传的参数 let fd = new FormData() fd.ap....
              <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