uniapp 文本复制及文件预览

简介: uniapp 文本复制及文件预览

uniapp 文本复制及文件预览

1、文本复制

copyText(value){
    //value为想要复制的文本内容
    console.log("复制"+value);
    //将文本内容复制到剪切板
    uni.setClipboardData({
        data: value,
        success: function() {
            uni.showToast({
                title: '复制成功',
                duration: 2000,
                icon: 'success'
            });
        },  
        fail: function(err) {
            uni.showToast({
                title: '复制失败',
                duration: 2000,
                icon: 'none'
            });
        }
    });
}

2、文件预览

//下载文件并预览
filePreview(fileUrl){
    //文件下载地址
    var url = fileUrl;
    var imgArr = [];
    imgArr.push(url)
    //判断是否为图片文件
    if(this.file_list[e].file_type == "jpg" || this.file_list[e].file_type == "png" || this.file_list[e].file_type == "jpeg"){
        //预览图片
        uni.previewImage({
            urls: imgArr,
            current: imgArr[0]
        });
    }
    //文档文件
    else{
        //下载文件,生成临时地址
        wx.downloadFile({
            url: url, 
            success(res) {
                // console.log(res)
                //保存到本地
                wx.saveFile({
                    tempFilePath: res.tempFilePath,
                    success: function (res) {
                        const savedFilePath = res.savedFilePath;
                        // 打开文件
                        wx.openDocument({
                            filePath: savedFilePath,
                            success: function (res) {
                                console.log('打开文档成功')
                            },
                        });
                    },
                    fail: function (err) {
                        console.log('保存失败:', err)
                    }
                });
            }
        })
    }
}

目录
相关文章
|
JavaScript 前端开发 数据库
【uniapp】文件授权验真系统(含代码)
【uniapp】文件授权验真系统(含代码)
|
小程序 API
uniapp小程序选择文件并上传到uniCloud
uniapp小程序选择文件并上传到uniCloud
342 0
|
7月前
|
Web App开发 小程序 Android开发
Uniapp from 表单组件 多层选择 开关 评分 滑块 步进器 日期框 级联选择 下拉列表 复选框 单选框 多行文本 单行文本 textarea radio checkbox picker
Uniapp from 表单组件 多层选择 开关 评分 滑块 步进器 日期框 级联选择 下拉列表 复选框 单选框 多行文本 单行文本 textarea radio checkbox picker
108 0
|
Android开发 iOS开发 开发者
windows打包uniapp应用p12证书和证书profile文件的制作方法
uniapp打包app,无论是android还是ios,都需要证书。其中ios打包最麻烦,需要p12证书和证书profile文件。而uniapp官网的教程,创建p12证书需要苹果电脑,这里我们不用uniapp官网推荐的教程。因为我们大部分用户使用的是windows电脑,没必要因为打包一个ios应用花7K买一台mac电脑。
1248 0
windows打包uniapp应用p12证书和证书profile文件的制作方法
|
4月前
|
小程序 前端开发
|
5月前
|
开发者 iOS开发
uniapp打包苹果应用到哪里去获取私钥证书和证书profile文件
ios的应用,分两种安装方式,一种是上架app store的安装方式,一种是上传到一些应用内测的平台,进行扫码安装。
149 4
|
5月前
uniapp实战 —— 轮播图【数字下标】(含组件封装,点击图片放大全屏预览)
uniapp实战 —— 轮播图【数字下标】(含组件封装,点击图片放大全屏预览)
111 1
|
7月前
|
API
uniapp点击图片放大预览
uniapp点击图片放大预览
413 0
|
7月前
|
移动开发 监控 小程序
mPaaS常见问题之uniapp ios端云打包的配置config文件如何解决
mPaaS(移动平台即服务,Mobile Platform as a Service)是阿里巴巴集团提供的一套移动开发解决方案,它包含了一系列移动开发、测试、监控和运营的工具和服务。以下是mPaaS常见问题的汇总,旨在帮助开发者和企业用户解决在使用mPaaS产品过程中遇到的各种挑战
196 0
|
7月前
|
JSON JavaScript 小程序
uniapp的配置文件、入口文件、主组件、页面管理部分
uniapp的配置文件、入口文件、主组件、页面管理部分