uni-app 幾個實用的功能

uni.uploadFile(OBJECT)

能將文件轉成file格式

uni.chooseImage({
    success: (chooseImageRes) => {
        const tempFilePaths = chooseImageRes.tempFilePaths;
        uni.uploadFile({
            url: 'https://www.example.com/upload', //僅為示例，非真實的接口地址
            filePath: tempFilePaths[0],
            name: 'file',
            formData: {
                'user': 'test'
            },
            success: (uploadFileRes) => {
                console.log(uploadFileRes.data);
            }
        });
    }
});

官網鏈接:https://uniapp.dcloud.io/api/request/network-file?id=uploadfile

 

uni.showToast(OBJECT)

uni-app自帶有兩種彈框，方便開發者使用

消息提醒，自動關閉，可設置時間，圖片

uni.showToast({
    title: '標題',
    duration: 2000
});

彈框圖片可以更換，但是字數太多會有問題

 

uni.showModal(OBJECT)

顯示模態彈窗，類似於標准 html 的消息框：alert、confirm。

uni.showModal({
    title: '提示',
    content: '這是一個模態彈窗',
    success: function (res) {
        if (res.confirm) {
            console.log('用戶點擊確定');
        } else if (res.cancel) {
            console.log('用戶點擊取消');
        }
    }
});

可以點擊確定，取消，並在uni-app里有相應的方法