uni-app小程序:文件下载打开文件方法苹果安卓都适用

这篇具有很好参考价值的文章主要介绍了uni-app小程序:文件下载打开文件方法苹果安卓都适用。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

api:

const filetype = e.substr(e.lastIndexOf('.')+1)//获取文件地址的类型
console.log('文档',filetype)
uni.downloadFile({
	url: e,//e是图片地址
    success(res) {
	console.log(res)
	if (res.statusCode === 200) {
		console.log('下载成功',);
		var filePath = encodeURI(res.tempFilePath);//这里直接复制不用改值
		uni.openDocument({
		    filePath: encodeURI(filePath),
		    fileType: filetype,//这样文件地址是什么类型,api打开的就是什么类型了,前提是uni.openDocument支持的类型
			showMenu: true,
			success: function(res) {
				console.log('打开文档成功');
				  },
				fail(e) {
					console.log('打开失败',e)
						}
						   });
						} else {
						    console.log('下载失败');
					    }
					}
				});

encodeURI的作用:

encodeURI函数将URI中的特殊字符转换为它们的UTF-8编码表示形式,以确保它们在传输和处理过程中不会被误解或错误解析。这样可以避免因特殊字符导致的错误或安全问题。

源码:

uni-app小程序:文件下载打开文件方法苹果安卓都适用,uniapp,JavaScript,uni-app,小程序,android

运行效果:

uni-app小程序:文件下载打开文件方法苹果安卓都适用,uniapp,JavaScript,uni-app,小程序,android

点击文件1就可以下载打开文件预览了文章来源地址https://www.toymoban.com/news/detail-812078.html

到了这里,关于uni-app小程序:文件下载打开文件方法苹果安卓都适用的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • uni-app微信小程序打开第三方地图

    小程序中有个按钮点击以后会调用手机中第三方地图进行导航。 参数 位置信息 经度 与纬度。 原本以为一切顺利,结果在微信开发者工具中显示如下: location参数格式错误,请正确填写 经过测试发现,因为我在微信小程序中使用,所以默认会使用腾讯地图来显示。 而我的经

    2024年02月06日
    浏览(83)
  • 微信小程序,下载流文件并打开预览

      gopdf(e){     let that=this;     let pdfurl=e.currentTarget.dataset.pdfurl;     let file;     let tokenresult = wx.getStorageSync(\\\"tokenresult\\\");          console.log(pdfurl);     wx.request({       url:app.globalData.api.fileurl + `api/file/pdf/httppreview?httpfile=${pdfurl}`,       method: \\\"GET\\\",     

    2024年02月10日
    浏览(47)
  • uni-app 使用webview加载H5打开微信小程序

    最近公司有个需求要求在app里点击一个功能打开小程序,并且关闭小程序回到app,模仿平安保险app。 毕竟我也是刚学习uni-app,找了很多资料,找到了一个天天外链的网站可以生成一个小程序的链接,使用uni的webview去加载这个链接,很好,需求满足,但是收费,那能不能自己

    2023年04月18日
    浏览(74)
  • 微信小程序下载、打开及预览PDF文件的方法

    公司最近有一个需求需要在小程序中查看政策并下载打开PDF附件,这里博主给大家总结了方法如下,主要用到了微信小程序的 wx.downloadFile 和 wx.openDocument 方法:

    2024年02月11日
    浏览(188)
  • uni-app之微信小程序实现‘下载+保存至本地+预览’功能

    目录 一、H5如何实现下载功能 二、微信小程序实现下载资源功能方面与H5有很大的不同 三、 微信小程序实现文件(doc,pdf等格式,非图片)下载(下载-保存-预览)功能 四、图片预览、保存、转发、收藏:uni.previewImage() 五、 我当前遇到‘关于文件预览uni.openDocument()’API的问

    2024年02月15日
    浏览(66)
  • uni-app H5中使用wx-open-launch-weapp打开微信小程序

    最近最H5开发,项目需要发起支付,因为原来我们app走的一套是小程序的支付,所以这边需要H5打开小程序实现支付; 微信文档地址:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html ​ 问题描述 项目开发中遇到的坑,我就不一一列举了,直接上小友的爬坑链接

    2024年02月11日
    浏览(73)
  • uniapp实现H5、APP、微信小程序三端文件下载

    这里我使用了uniapp官方api uni.downloadFile 和 uni.openDocument APP使用了uniapp官方api uni.downloadFile 和 uni.saveImageToPhotosAlbum(OBJECT) 还有 uni.openDocument H5的方法比较简单可以直接使用window.open方法下载。即: 如果你的浏览器支持预览,就会自动打开预览文件,然后自己手动下载文件,不支

    2024年02月16日
    浏览(73)
  • 微信小程序无法下载打开文件downloadFile:fail url not in domain list

    微信小程序在微信开发工具模拟器和真机调试都可以下载打开doc, pdf, docx等等文件,但是在体验版和正式发布版无法下载打开问题,试错过后在体验版打开开发调试vConsole这个时候竟然又活了过来~ 发布正式版测试调试报错:微信小程序下载文档出错downloadFile:fail url not in do

    2024年02月12日
    浏览(67)
  • uniapp实现h5、app、微信小程序三端pdf文件下载和预览

    以下代码兼容三端,app,h5,微信小程序,经过个人测试 手机端有两种方法,使用renderjs或者uniapp的api 两者的区别 使用renderjs的写法,会提示用户是否下载文件,下载完成后用户需要手动点击下载的文件,才会打开文件 使用uniapp的api则可以直接下载并直接预览,不需要用户操

    2024年02月11日
    浏览(59)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包