uniapp下载保存文件

这篇具有很好参考价值的文章主要介绍了uniapp下载保存文件。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

下载文件

        // 下载文件
        downloadFile(url) {
            uni.downloadFile({
                url: url,
                success: function (res) {
                    var filePath = res.tempFilePath
                    uni.openDocument({
                        filePath: filePath,
                        showMenu: true,
                        success: function (res) {
                            console.log('打开文档成功')
                        }
                    })
                }
            })
        },
        

图片下载

        // 保存图片先判断是否有相册权限
        save(url) {
            const that = this
            uni.showLoading({
                title: '正在保存图片...'
            })
            //获取用户的当前设置。获取相册权限
            uni.getSetting({
                success: (res) => {
                    //如果没有相册权限
                    if (!res.authSetting['scope.writePhotosAlbum']) {
                        //向用户发起授权请求
                        uni.authorize({
                            scope: 'scope.writePhotosAlbum',
                            success: () => {
                                //授权成功保存图片到系统相册
                                uni.downloadFile({
                                    url: url,
                                    success: function (res) {
                                        var filePath = res.tempFilePath
                                        uni.saveImageToPhotosAlbum({
                                            // 图片路径,不支持网络图片路径
                                            filePath: filePath,
                                            success: (res) => {
                                                uni.hideLoading()
                                                uni.openDocument({
                                                    filePath: filePath,
                                                    showMenu: true,
                                                    success: function (res) {
                                                        console.log('打开文档成功')
                                                    }
                                                })
                                            },
                                            fail: (res) => {
                                                uni.hideLoading()
                                                console.log(res.errMsg)
                                                uni.showToast({
                                                    title: res.errMsg
                                                })
                                            }
                                        })
                                    }
                                })
                            },
                            //授权失败
                            fail: () => {
                                uni.hideLoading()
                                uni.showModal({
                                    title: '您已拒绝获取相册权限',
                                    content: '是否进入权限管理,调整授权?',
                                    success: (res) => {
                                        if (res.confirm) {
                                            //调起客户端小程序设置界面,返回用户设置的操作结果。(重新让用户授权)
                                            uni.openSetting({
                                                success: (res) => {
                                                    console.log(res.authSetting)
                                                }
                                            })
                                        } else if (res.cancel) {
                                            uni.showToast({
                                                title: '已取消!',
                                                icon: 'none'
                                            })
                                        }
                                    }
                                })
                            }
                        })
                    } else {
                        uni.downloadFile({
                            url: url,
                            success: function (res) {
                            	// 图片临时路径
                                var filePath = res.tempFilePath
                                uni.saveImageToPhotosAlbum({
                                    // 图片路径,不支持网络图片路径
                                    filePath: filePath,
                                    success: (res) => {
                                        uni.hideLoading()
                                        uni.openDocument({
                                            filePath: filePath,
                                            showMenu: true,
                                            success: function (res) {
                                                console.log('打开文档成功')
                                            }
                                        })
                                    },
                                    fail: (res) => {
                                        uni.hideLoading()
                                        console.log(res.errMsg)
                                        uni.showToast({
                                            title: res.errMsg
                                        })
                                    }
                                })
                            }
                        })
                    }
                }
            })
        },

当下载文件有图片有文件时需要先判断用那种方式

		toDownloadFile(url) {
            let imgType1 = ['jpg', 'jpeg', 'png']
            let type = url.split('.')[url.split('.').length - 1]
            for (let i = 0; i < imgType1.length; i++) {
                if (imgType1[i].toUpperCase() === type.toUpperCase()) {
                    this.save(url)
                    return
                }
            }
            this.downloadFile(url)
        },

文章来源地址https://www.toymoban.com/news/detail-505692.html

到了这里,关于uniapp下载保存文件的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包