uni-app 几个实用的功能
uni.uploadFile(OBJECT)
1 uni.chooseImage({ 2 success: (chooseImageRes) => { 3 const tempFilePaths = chooseImageRes.tempFilePaths; 4 uni.uploadFile({ 5 url: 'https://www.example.com/upload', //仅为示例,非真实的接口地址 6 filePath: tempFilePaths[0], 7 name: 'file', 8 formData: { 9 'user': 'test' 10 }, 11 success: (uploadFileRes) => { 12 console.log(uploadFileRes.data); 13 } 14 }); 15 } 16 });
官网链接:https://uniapp.dcloud.io/api/request/network-file?id=uploadfile
uni.showToast(OBJECT)
uni-app自带有两种弹框,方便开发者使用
消息提醒,自动关闭,可设置时间,图片
1 uni.showToast({ 2 title: '标题', 3 duration: 2000 4 });
弹框图片可以更换,但是字数太多会有问题
uni.showModal(OBJECT)
显示模态弹窗,类似于标准 html 的消息框:alert、confirm。
1 uni.showModal({ 2 title: '提示', 3 content: '这是一个模态弹窗', 4 success: function (res) { 5 if (res.confirm) { 6 console.log('用户点击确定'); 7 } else if (res.cancel) { 8 console.log('用户点击取消'); 9 } 10 } 11 });
可以点击确定,取消,并在uni-app里有相应的方法