如果遇到 uni-app 下载文件后缀为.bin格式问题

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

问题描述

使用uni-app 下载并预览文件功能,但是因为后台提供的地址是
http://10.121.2.215:8041/×××/×××/1479324207283898626 而不是带.jpg/.docx/.pdf等带后缀那种

1、导致下载的文件后缀名 是 .bin 格式
2、预览失败(打不开)或者 下载也没办法正常打开

uniapp小程序下载的视频是bin文件,怎么改为mp4并保存,uni-app,前端,小程序

根本的原因是

uniapp小程序下载的视频是bin文件,怎么改为mp4并保存,uni-app,前端,小程序就是因为后端需要在 content-type里面没填写返回文件类型导致的,设置了以后就可以正常下载预览了
uniapp小程序下载的视频是bin文件,怎么改为mp4并保存,uni-app,前端,小程序

最后附上代码文章来源地址https://www.toymoban.com/news/detail-545931.html

uni.downloadFile({
	url: url,
	success: function(res) {
		let filepathss = res.tempFilePath
		uni.saveFile({
			tempFilePath: filepathss,
			success: (r) => {
				uni.showModal({
					title: '提示',
					content: '文件已保存:' + r.savedFilePath,
					cancelText: '我知道了',
					confirmText: '打开文件',
					success: function (res) {
						if (res.confirm) {
							uni.openDocument({
								filePath: r.savedFilePath,
								success: (sus) => {
									console.log('成功打开');
								}
							})
						}
					}
				});
			}
		})
		
	},
	fail: function(res) {
		uni.hideLoading()
		console.log(res); //失败
	}
});

到了这里,关于如果遇到 uni-app 下载文件后缀为.bin格式问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • uni-app+vue3会遇到哪些问题

    已经用 uni-app+vue3+ts 开发了一段时间,记录一下日常遇见的问题和解决办法 uni-app 是支持多端,如果你想让你的代码,只在部分平台使用,那么就需要用的它的单端处理语法 //#ifdef 和 //#ifndef 等。 因为有异形手机屏的存在,最顶部有摄像头,最下面有导航条,为了避免界面内

    2024年02月19日
    浏览(46)
  • 关于uni-app 外部系统联登遇到的坑

    由于鄙人用了uni-app的即时通讯,所以用户体系必须同步uni-app那边的。这些操作也必须由自己的服务器来完成,所以需要把uni-app那边的接口进行url化。 uni-app的文档地址:云对象(uni-id-co) | uniCloud 所用的接口为 POST /your-uni-id-co-path/externalRegister POST /your-uni-id-co-path/externalLogi

    2024年03月28日
    浏览(50)
  • uni-app优雅的实现时间戳转换日期格式

    现在显示的格式如下图: 我期望统一格式,所以不妨前端处理一下,核心代码如下 使用方法如下: 代码结构如下:

    2024年02月16日
    浏览(46)
  • uni-app分包预下载

    模块的二级页面,按模块处理成分包页面,有以下好处: 按模块管理页面,方便项目维护。 减少主包体积,用到的时候再加载分包,属于 性能优化 解决方案。 ::: tip 温馨提示 通过 VS Code 插件 uni-create-view 可以快速新建分包页面,自动配置分包路由。 ::: 分包预下载 当用户进

    2024年01月25日
    浏览(57)
  • 在uni-app中,如果data中的对象属性改变了,但是页面没有相应更新的情况,通常有以下几点需要注意:

    1. 使用this.$set更新对象属性直接修改对象属性是无法触发页面更新的,需要使用this.$set方法: 2. 确保数据层级不太深如果对象层级过深,改变内层属性也可能无法触发更新。建议关键数据不要超过2层。 3. 使用深度 watcher可以在watch中用深度watcher的方式监听整个对象的变化: 4. 使用

    2024年02月16日
    浏览(44)
  • 使用 uni-app 开发项目,日期和时间如何格式化?

    功能需求描述 在开发项目时,往往需要对从后端查询到的时间进行格式化,查到的时间格式一般都是 时间戳 ,一堆数字,这时候怎么转化成类似于  2023年8月15日 08:12:10  这样的格式? 在组件显示格式化后的日期 其实 uni-app 的官方拓展组件  uni-dateformat  就能实现这个需求

    2024年02月05日
    浏览(56)
  • uni-app开发微信小程序经常遇到的一些问题及解决方案

       可以使用uni.getUserInfo接口获取用户信息。需要用户授权。   可以使用uni-app提供的页面组件内置下拉刷新功能,也可以自定义下拉刷新组件。   可以在页面onReachBottom方法中监听上拉事件,当触发上拉事件时,触发加载更多数据的操作。     可以使用uni.uploadFile接口实现图

    2024年02月14日
    浏览(62)
  • 前端vue单个文件上传支持图片,压缩包以及文件 , 下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13066

    前端vue单个文件上传支持图片,压缩包以及文件 , 阅读全文下载完整代码请关注微信公众号: 前端组件开发 效果图如下: 使用方法 HTML代码部分 JS代码 (引入组件 填充数据) CSS

    2024年02月09日
    浏览(57)
  • uni-app 和H5页面视频播放flv格式视频监控

    本文章向大家介绍uniApp 实现微信小程序和app视频播放flv格式视频监控,主要包括uniApp 实现微信小程序和app视频播放flv格式视频监控使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。 video 支持 App平台: 支持本地视频(

    2023年04月08日
    浏览(48)
  • uni-app跨端开发H5、微信小程序、支付宝小程序遇到的坑

    1.checkbox样式

    2024年02月11日
    浏览(67)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包