AI智能
改变未来

van-uploader + thinkphp6.0 图片上传

[code]              <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;},// 返回 PromiseasyncBeforeRead(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);}});},

 

赞(0) 打赏
未经允许不得转载:爱站程序员基地 » van-uploader + thinkphp6.0 图片上传