• uniapp 扫码功能


    文件:pages/index/index.vue

    <template>
        <view class="scan-content">
            <text class="scan-title" style="margin: 1rem 0">{{ title }}</text>
            <image class="scan-logo" src="/static/logo.png"></image>
            <view class="scan-ubutton">
                <button type="primary" :disabled="!canScan" @click="scan">开始扫码</button>
                <button type="warn" :disabled="!canRemove" @click="removeResult">清空结果</button>
            </view>
            <view class="scan-result" scroll-y="true">
                <textarea
                    placeholder-style="color:#4747477a"
                    placeholder="扫码结果..."
                    :maxlength="-1"
                    auto-height
                    :value="scanResult"
                />
            </view>
        </view>
    </template>
    
    <script>
    import permision from '@/common/permission.js';
    export default {
        data() {
            return {
                title: '扫码功能',
                canScan: true,
                canRemove: false,
                scanResult: '',
            };
        },
        onLoad() {},
        methods: {
            async scan() {
                // #ifdef APP-PLUS
                let status = await this.checkPermission();
                if (status !== 1) return;
                // #endif
                uni.scanCode({
                    success: (res) => {
                        let scanType = `条码类型:${res.scanType} (${this.getCodeType(res.scanType)})`;
                        let result = `条码内容:${res.result}`;
                        this.scanResult = scanType + '\n' + result;
                        this.canRemove = true;
                    },
                    fail: (err) => {
                        this.scanResult = JSON.stringify(err);
                        this.canRemove = true;
                    },
                });
            },
            removeResult() {
                if (this.canRemove) {
                    this.scanResult = '';
                    this.canRemove = false;
                }
            },
            getCodeType(scanType) {
                switch (scanType) {
                    case 'QR_CODE':
                        return 'QR二维码';
                    case 'EAN_13':
                        return 'EAN条形码标准版';
                    case 'EAN_8':
                        return 'ENA条形码简版';
                    case 'AZTEC':
                        return 'Aztec二维码';
                    case 'DATA_MATRIX':
                        return 'Data Matrix二维码';
                    case 'UPC_A':
                        return 'UPC条形码标准版';
                    case 'UPC_E':
                        return 'UPC条形码缩短版';
                    case 'CODABAR':
                        return 'Codabar条形码';
                    case 'CODE_25':
                        return '交叉25条形码';
                    case 'CODE_39':
                        return 'Code39条形码';
                    case 'CODE_93':
                        return 'Code93条形码';
                    case 'CODE_128':
                        return 'Code128条形码';
                    case 'PDF_417':
                        return 'PDF 417二维条码';
                    default:
                        return '未知';
                }
            },
            // #ifdef APP-PLUS
            async checkPermission(code) {
                let status = permision.isIOS
                    ? await permision.requestIOS('camera')
                    : await permision.requestAndroid('android.permission.CAMERA');
    
                if (status === null || status === 1) {
                    status = 1;
                } else {
                    uni.showModal({
                        content: '需要相机权限',
                        confirmText: '设置',
                        success: function (res) {
                            if (res.confirm) {
                                permision.gotoAppSetting();
                            }
                        },
                    });
                }
                return status;
            },
            // #endif
        },
    };
    </script>
    
    <style>
    .scan-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    .scan-title {
        font-size: 36rpx;
        color: #8f8f94;
    }
    
    .scan-logo {
        height: 100rpx;
        width: 100rpx;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50rpx;
    }
    .scan-ubutton {
        display: flex;
    }
    .scan-ubutton button {
        margin: 0 0.3rem;
    }
    
    .scan-result {
        margin: 1rem 0;
        padding: 0.5rem 0.4rem;
        border: 1px solid #bde1f8;
        border-radius: 0.5rem;
        min-height: 300rpx;
        width: 80%;
        color: rgb(70, 128, 255);
    }
    </style>
    
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37
    • 38
    • 39
    • 40
    • 41
    • 42
    • 43
    • 44
    • 45
    • 46
    • 47
    • 48
    • 49
    • 50
    • 51
    • 52
    • 53
    • 54
    • 55
    • 56
    • 57
    • 58
    • 59
    • 60
    • 61
    • 62
    • 63
    • 64
    • 65
    • 66
    • 67
    • 68
    • 69
    • 70
    • 71
    • 72
    • 73
    • 74
    • 75
    • 76
    • 77
    • 78
    • 79
    • 80
    • 81
    • 82
    • 83
    • 84
    • 85
    • 86
    • 87
    • 88
    • 89
    • 90
    • 91
    • 92
    • 93
    • 94
    • 95
    • 96
    • 97
    • 98
    • 99
    • 100
    • 101
    • 102
    • 103
    • 104
    • 105
    • 106
    • 107
    • 108
    • 109
    • 110
    • 111
    • 112
    • 113
    • 114
    • 115
    • 116
    • 117
    • 118
    • 119
    • 120
    • 121
    • 122
    • 123
    • 124
    • 125
    • 126
    • 127
    • 128
    • 129
    • 130
    • 131
    • 132
    • 133
    • 134
    • 135
    • 136
    • 137
    • 138
    • 139
    • 140
    • 141
    • 142
    • 143
    • 144
    • 145
    • 146
    • 147
    • 148
    • 149
    • 150
    • 151
    • 152
    • 153

    文件:common/permission.js

    /// null = 未请求,1 = 已允许,0 = 拒绝|受限, 2 = 系统未开启
    
    var isIOS;
    
    function album() {
        var result = 0;
        var PHPhotoLibrary = plus.ios.import('PHPhotoLibrary');
        var authStatus = PHPhotoLibrary.authorizationStatus();
        if (authStatus === 0) {
            result = null;
        } else if (authStatus == 3) {
            result = 1;
        } else {
            result = 0;
        }
        plus.ios.deleteObject(PHPhotoLibrary);
        return result;
    }
    
    function camera() {
        var result = 0;
        var AVCaptureDevice = plus.ios.import('AVCaptureDevice');
        var authStatus = AVCaptureDevice.authorizationStatusForMediaType('vide');
        if (authStatus === 0) {
            result = null;
        } else if (authStatus == 3) {
            result = 1;
        } else {
            result = 0;
        }
        plus.ios.deleteObject(AVCaptureDevice);
        return result;
    }
    
    function location() {
        var result = 0;
        var cllocationManger = plus.ios.import('CLLocationManager');
        var enable = cllocationManger.locationServicesEnabled();
        var status = cllocationManger.authorizationStatus();
        if (!enable) {
            result = 2;
        } else if (status === 0) {
            result = null;
        } else if (status === 3 || status === 4) {
            result = 1;
        } else {
            result = 0;
        }
        plus.ios.deleteObject(cllocationManger);
        return result;
    }
    
    function push() {
        var result = 0;
        var UIApplication = plus.ios.import('UIApplication');
        var app = UIApplication.sharedApplication();
        var enabledTypes = 0;
        if (app.currentUserNotificationSettings) {
            var settings = app.currentUserNotificationSettings();
            enabledTypes = settings.plusGetAttribute('types');
            if (enabledTypes == 0) {
                result = 0;
                console.log('推送权限没有开启');
            } else {
                result = 1;
                console.log('已经开启推送功能!');
            }
            plus.ios.deleteObject(settings);
        } else {
            enabledTypes = app.enabledRemoteNotificationTypes();
            if (enabledTypes == 0) {
                result = 3;
                console.log('推送权限没有开启!');
            } else {
                result = 4;
                console.log('已经开启推送功能!');
            }
        }
        plus.ios.deleteObject(app);
        plus.ios.deleteObject(UIApplication);
        return result;
    }
    
    function contact() {
        var result = 0;
        var CNContactStore = plus.ios.import('CNContactStore');
        var cnAuthStatus = CNContactStore.authorizationStatusForEntityType(0);
        if (cnAuthStatus === 0) {
            result = null;
        } else if (cnAuthStatus == 3) {
            result = 1;
        } else {
            result = 0;
        }
        plus.ios.deleteObject(CNContactStore);
        return result;
    }
    
    function record() {
        var result = null;
        var avaudiosession = plus.ios.import('AVAudioSession');
        var avaudio = avaudiosession.sharedInstance();
        var status = avaudio.recordPermission();
        console.log('permissionStatus:' + status);
        if (status === 1970168948) {
            result = null;
        } else if (status === 1735552628) {
            result = 1;
        } else {
            result = 0;
        }
        plus.ios.deleteObject(avaudiosession);
        return result;
    }
    
    function calendar() {
        var result = null;
        var EKEventStore = plus.ios.import('EKEventStore');
        var ekAuthStatus = EKEventStore.authorizationStatusForEntityType(0);
        if (ekAuthStatus == 3) {
            result = 1;
            console.log('日历权限已经开启');
        } else {
            console.log('日历权限没有开启');
        }
        plus.ios.deleteObject(EKEventStore);
        return result;
    }
    
    function memo() {
        var result = null;
        var EKEventStore = plus.ios.import('EKEventStore');
        var ekAuthStatus = EKEventStore.authorizationStatusForEntityType(1);
        if (ekAuthStatus == 3) {
            result = 1;
            console.log('备忘录权限已经开启');
        } else {
            console.log('备忘录权限没有开启');
        }
        plus.ios.deleteObject(EKEventStore);
        return result;
    }
    
    function requestIOS(permissionID) {
        return new Promise((resolve, reject) => {
            switch (permissionID) {
                case 'push':
                    resolve(push());
                    break;
                case 'location':
                    resolve(location());
                    break;
                case 'record':
                    resolve(record());
                    break;
                case 'camera':
                    resolve(camera());
                    break;
                case 'album':
                    resolve(album());
                    break;
                case 'contact':
                    resolve(contact());
                    break;
                case 'calendar':
                    resolve(calendar());
                    break;
                case 'memo':
                    resolve(memo());
                    break;
                default:
                    resolve(0);
                    break;
            }
        });
    }
    
    function requestAndroid(permissionID) {
        return new Promise((resolve, reject) => {
            plus.android.requestPermissions(
                [permissionID],
                function (resultObj) {
                    var result = 0;
                    for (var i = 0; i < resultObj.granted.length; i++) {
                        var grantedPermission = resultObj.granted[i];
                        console.log('已获取的权限:' + grantedPermission);
                        result = 1;
                    }
                    for (var i = 0; i < resultObj.deniedPresent.length; i++) {
                        var deniedPresentPermission = resultObj.deniedPresent[i];
                        console.log('拒绝本次申请的权限:' + deniedPresentPermission);
                        result = 0;
                    }
                    for (var i = 0; i < resultObj.deniedAlways.length; i++) {
                        var deniedAlwaysPermission = resultObj.deniedAlways[i];
                        console.log('永久拒绝申请的权限:' + deniedAlwaysPermission);
                        result = -1;
                    }
                    resolve(result);
                },
                function (error) {
                    console.log('result error: ' + error.message);
                    resolve({
                        code: error.code,
                        message: error.message,
                    });
                },
            );
        });
    }
    
    function gotoAppPermissionSetting() {
        if (permission.isIOS) {
            var UIApplication = plus.ios.import('UIApplication');
            var application2 = UIApplication.sharedApplication();
            var NSURL2 = plus.ios.import('NSURL');
            var setting2 = NSURL2.URLWithString('app-settings:');
            application2.openURL(setting2);
            plus.ios.deleteObject(setting2);
            plus.ios.deleteObject(NSURL2);
            plus.ios.deleteObject(application2);
        } else {
            var Intent = plus.android.importClass('android.content.Intent');
            var Settings = plus.android.importClass('android.provider.Settings');
            var Uri = plus.android.importClass('android.net.Uri');
            var mainActivity = plus.android.runtimeMainActivity();
            var intent = new Intent();
            intent.setAction(Settings.ACTION_APPLICATION_DETAILS_SETTINGS);
            var uri = Uri.fromParts('package', mainActivity.getPackageName(), null);
            intent.setData(uri);
            mainActivity.startActivity(intent);
        }
    }
    
    const permission = {
        get isIOS() {
            return typeof isIOS === 'boolean' ? isIOS : (isIOS = uni.getSystemInfoSync().platform === 'ios');
        },
        requestIOS: requestIOS,
        requestAndroid: requestAndroid,
        gotoAppSetting: gotoAppPermissionSetting,
    };
    
    export default permission;
    
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37
    • 38
    • 39
    • 40
    • 41
    • 42
    • 43
    • 44
    • 45
    • 46
    • 47
    • 48
    • 49
    • 50
    • 51
    • 52
    • 53
    • 54
    • 55
    • 56
    • 57
    • 58
    • 59
    • 60
    • 61
    • 62
    • 63
    • 64
    • 65
    • 66
    • 67
    • 68
    • 69
    • 70
    • 71
    • 72
    • 73
    • 74
    • 75
    • 76
    • 77
    • 78
    • 79
    • 80
    • 81
    • 82
    • 83
    • 84
    • 85
    • 86
    • 87
    • 88
    • 89
    • 90
    • 91
    • 92
    • 93
    • 94
    • 95
    • 96
    • 97
    • 98
    • 99
    • 100
    • 101
    • 102
    • 103
    • 104
    • 105
    • 106
    • 107
    • 108
    • 109
    • 110
    • 111
    • 112
    • 113
    • 114
    • 115
    • 116
    • 117
    • 118
    • 119
    • 120
    • 121
    • 122
    • 123
    • 124
    • 125
    • 126
    • 127
    • 128
    • 129
    • 130
    • 131
    • 132
    • 133
    • 134
    • 135
    • 136
    • 137
    • 138
    • 139
    • 140
    • 141
    • 142
    • 143
    • 144
    • 145
    • 146
    • 147
    • 148
    • 149
    • 150
    • 151
    • 152
    • 153
    • 154
    • 155
    • 156
    • 157
    • 158
    • 159
    • 160
    • 161
    • 162
    • 163
    • 164
    • 165
    • 166
    • 167
    • 168
    • 169
    • 170
    • 171
    • 172
    • 173
    • 174
    • 175
    • 176
    • 177
    • 178
    • 179
    • 180
    • 181
    • 182
    • 183
    • 184
    • 185
    • 186
    • 187
    • 188
    • 189
    • 190
    • 191
    • 192
    • 193
    • 194
    • 195
    • 196
    • 197
    • 198
    • 199
    • 200
    • 201
    • 202
    • 203
    • 204
    • 205
    • 206
    • 207
    • 208
    • 209
    • 210
    • 211
    • 212
    • 213
    • 214
    • 215
    • 216
    • 217
    • 218
    • 219
    • 220
    • 221
    • 222
    • 223
    • 224
    • 225
    • 226
    • 227
    • 228
    • 229
    • 230
    • 231
    • 232
    • 233
    • 234
    • 235
    • 236
    • 237
    • 238
    • 239
    • 240
    • 241
    • 242
    • 243
    • 244
    • 245
  • 相关阅读:
    《网络协议》07. 其他协议
    tomcat目录下创建临时文件,长时间没有使用会被系统清理掉
    nodejs+vue大学食堂订餐系统elementui
    Vue笔记十二:Vuex辅助函数
    Tesseract OCR安装与简单使用
    记一次导入下载好的源码工程到本地工程异常解决方案
    红帽社区论坛
    Ubuntu - 网络
    快手如何玩转复杂场景下的说话人识别?| ASRU 2021
    DevOps, HybridOps and AIOps浅谈
  • 原文地址:https://blog.csdn.net/u010100877/article/details/138188699