uni-app 几个实用的功能

uni.uploadFile(OBJECT)

能将文件转成file格式

 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里有相应的方法

 

posted @ 2020-06-10 19:33  我有头盔  阅读(1686)  评论(0编辑  收藏  举报