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)
                    }
                });
            }
        })
    }
}

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/Twinkle_sone/article/details/107948608
今日推荐