直播平台源代码，uni-app上传图片方法封装

直播平台源代码，uni-app上传图片方法封装

 

1

function chooseImg(count, success) {<br>console.log(count)<br>uni.chooseImage({<br>count: count,<br>success: res => {<br>// console.log(res)<br>// console.log(res.tempFilePaths)<br>uploadFiles(res.tempFilePaths,success)<br>}<br>})<br>}<br>async function uploadFiles(paths,success) {<br>uni.showLoading({<br>title: '正在上传'<br>})<br>for (let path of paths) {<br>try {<br>const uploadData = await uploadFile(path)<br>console.log(uploadData)<br>success(uploadData)<br>} catch(err) {<br>console.log(err)<br>uni.showToast({<br>title:err||'上传失败',<br>icon:'error',<br>mask:true<br>})<br>break;<br>}<br>}<br>uni.hideLoading()<br>}<br>function uploadFile(path) {<br>return new Promise((resolve, reject) => {<br>uni.uploadFile({<br>url: '这里是你们后台的上传接口地址',<br>filePath: path,<br>name: 'file',<br>header: {  //（根据自身接口要求选择）<br>accessToken: uni.getStorageSync('token')<br>},<br>formData: {  //上传文件的额外参数（根据自身接口要求选择）<br>type: 1<br>},<br>success: res => {<br>console.log('上传文件', res)<br>const imgRes=JSON.parse(res.data)<br>if(imgRes.code==200){<br>resolve(imgRes.data)<br>}else{<br>reject('上传失败');<br>}<br>},<br>fail: () => {<br>reject('网络错误');<br>}<br>});<br>})<br>}<br>module.exports = {<br>uploadImg: chooseImg,<br>}

​

可以全局注册也可以单独引用，我这里是全局注册

 

1	<br>import upLoad from "@/utils/upload";<br>Vue.prototype.$upload = upLoad;

 

然后是调用

 

1	<br>// 这是单张图片上传<br>this.$upload.uploadImg(1,res=>{<br>    //res就是图片地址<br>this.img = res<br>})<br>// 这是多张图片上传<br>this.$upload.uploadImg(3,res=>{<br>    //res就是图片地址<br>this.imgArr.push(res)<br>})

 

以上就是 直播平台源代码，uni-app上传图片方法封装，更多内容欢迎关注之后的文章