wx.openDocument 打开文件损坏（JPG,PNG等）

最新推荐文章于 2024-01-30 18:03:01 发布
最新推荐文章于 2024-01-30 18:03:01 发布
阅读量1.2k 收藏
点赞数
分类专栏： 杂项
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/NirvanaGF/article/details/105177331
版权

wx.openDocument 目前仅支持打开如下格式文件
目前

愤怒的coder
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
小西瓜的探索之旅：文件操作测试分享，wx.openDocument探索
03-29
一：文件操作： 小程序官方接口如下图： (此图片来源于网络，如有侵权，请联系删除! ) 针对这几个接口，做了个小demo。   // pages/service/file/index.js Page({ [removed] loading:false, showList:false, filesList:[] }, onLoad:function(options){ // 页面初始化 opt
借助wx.openDocument(Object object)实现uniaapp小程序打开文件进行预览
一个韩韩韩
04-21 1246
文件预览
微信小程序点击单个图片进行预览图片，点击预览pdf文件
qq_45432996的博客
09-25 1673
这里介绍的是单个图片点击预览的，也可以多张，方法差不多 index.wxml <view class="page"> <view class="page__hd"> <text class="page__title">image</text> <text class="page__desc">图片</text> </view> <view class='imgList'>
微信小程序接收二进制流文件（图片预览，文件打开）
technology_tyro的博客
05-10 3564
这一点非常重要，踩了好久的坑，而且这两点的区别在network的response中还看不出来，因为两者的res.data看上去都是二进制流。uni.previewImage或者wx.openDocument这两个api打开图片还是文件。直接用downloadOaFile获取的二进制流文件在写入时会导致文件损坏，必须在。downloadOaFile接口获取到二进制流，即res.data。getFileSystemManager将二进制流写成文件。最后通过文件扩展名判断用。
微信小程序wx.openDocument真机无法打开的问题解决方法
xiaowu_1997的博客
03-25 1万+
微信小程序wx.opendocument无法打开文件 大家看过微信小程序文档就知道他有一个文件类型叫做fileType 在文档中说的是 不是必填项 但是 你不填就会报错 简直有毒 但是 你填写 就只能打开那一种格式的文件 我下面来给 大家 带来一种解决方法 就是 将后台传给你的 文件的 后缀名 截取下来动态的放进去 wx.downloadFile({ url: fileur...
web-view在安卓机型打不开附件， wx.downloadFile和wx.openDocument不支持打开图片类型 已解决！！！
weixin_43991257的博客
09-09 1506
最近在写小程序时遇到在预览图片和附件多种格式的文件时，使用web-view预览图片没有问题，但是预览附件时在安卓机型上显示空白的问题。 换一种写法用wx.downloadFile()和wx.openDocument()这两个api,发现安卓和ios都可以直接预览文件，但是不支持图片格式，原因是官方fileType不支持。 所以要是既想要预览图片，又要预览附件，需要同时使用web-view和wx.downloadFile()、wx.openDocument()。 步骤如下： （1）在html中调用点击方法，触
关于开发微信小程序下载文件后打不开：使用wx.openDocument()方法需要加上参数filetype,不然报错openDocument:fail filetype not supported的坑
最新发布
qq_46557778的博客
01-30 537
wx.openDocument()打不开文件方法报错：openDocument:fail filetype not supported，可能是缺少想下载该文件类型的filetype参数
微信小程序文件实现下载并预览（ios及安卓手机）
q1ngqingsky的博客
07-26 1万+
关于微信小程序文件下载的实现
小程序-文件、图片和视频预览
Hyit_ZY的博客
12-18 2019
最近做小程序，涉及到教育培训的模块，需求web端上传的课件，在小程序端可以进行预览。 在微信小程序开发，对预览文件的格式是有限制的。 课件的预览主要用到的是，小程序的下载和打开。 1.下载方法 wx.downloadFile(Object object) wx.downloadFile({ url: 'https://example.com/audio/123', //仅为示例，并非真实的资源 success：function (res) { const filePath =.
小程序wx.downloadFile 返回下载进度
07-10
小程序wx.downloadFile 加wx.openDocument（新开页面打开文档，支持格式：doc, xls, ppt, pdf, docx, xlsx, pptx ）返回下载进度，百分比
asciidoctor-converter-opendocument:将Asciidoc文档转换为OpenDocument（`.odt`）文件
05-23
asciidoctor-converter-opendocument 将Asciidoc文档转换为OpenDocument（ODT）文件。
downloadfile 7.dll
04-15
downloadfile 7.dll
小程序下载文件并预览.pdf
12-24
// 尝试打开下载后的⽂件 wx.openDocument({ filePath: res.tempFilePath, //⽂件路径，可通过 downFile 获得, fileType: this.selectItem.fileType, // 获取⽂件格式 success: (res) => { }, fail: (error) => { }...
uniapp微信小程序 图片&文件上传并且支持图片和文件预览（pdf等文件预览）巨细教学！
柑橘乌云_
11-24 3770
这里要提一个bug就是说，这个组件设置v-model 后上传文件后，按道理再去读取这个v-model的值就应该是之前上传的文件数据，但是打印后并没有数据，而只有在点击删除文件后，再读取v-model才会有值，这个bug在社区很早就有人提出了，所以我采用通过监听select事件去手动存储文件数据，然后对应delete事件也删除数组中对应的文件数据。其次因为我项目中的需求是点击文件名字预览，那么文件的展示是手写的，组件原本的文件展示我用display：none隐藏掉了。
【小程序预览文件】 在微信小程序中在线预览文件wx.downloadFile和wx.openDocument（包含自定义修改打开文件的文件名）
weixin_43994760的博客
04-14 1万+
在微信小程序中在线预览文件——wx.downloadFile和wx.openDocument（包含自定义修改打开文件的文件名！！） △ 前部分先大致说下需要注意的点(便于理解，时间宽裕可收藏后查看)，后部分直接放代码实现，着急的小伙伴可以直接移步后部分。 一. 使用微信小程序提供的api（注意顺序，先下载，再打开） (1-1).wx.downloadFile 下载文件资源到本地（临时的文件，退出即销毁） △ 客户端直接发起一个 HTTPS GET 请求，返回文件的本地临时路径 (本地路径)，单次下载允许
微信小程序踩坑：wx.openDocument(Object object)打不开文件
南北极之间
03-10 8183
wx.openDocument(Object object) | 微信开放文档。说的fileType是可选参数！但是不加上的话，就打不开！加上之后就能打开了。
微信小程序使用wx.openDocument打开文件时报fail filetype not supported
热门推荐
xiaoyanyan的博客
09-13 2万+
需要做一下关于简历上传并预览简历的功能。简历的上传，我用的是web-view。预览功能使用的是wx.openDocument。但是使用这个API，必须先使用wx.downloadFile进行下载，获取到临时目录，代码如下： //下载简历 wx.downloadFile({ url: "https://test/test.pdf", //仅为测试接口，并非真实的 ...
uniapp不使用 uni.openDocument打开文件
06-07
如果您不想使用 `uni.openDocument` API 打开文件，您可以考虑使用其他方式打开文件，比如使用第三方插件或者自定义组件等。 以下是两个示例： 1. 使用第三方插件： 可以使用 uni-app 社区中的一些第三方插件来实现打开文件的功能，例如 `uni-file-picker` 插件。这个插件可以选择文件并返回文件的本地路径，您可以使用这个路径来打开文件。 安装插件： ``` npm install uni-file-picker --save ``` 使用插件： ```javascript import filePicker from 'uni-file-picker' // 选择文件 filePicker.chooseFile({ success: (res) => { // res.tempFilePaths 为文件的本地临时路径 // 这里可以使用自己的方式打开文件 } }) ``` 2. 自定义组件： 您可以自定义一个组件来实现打开文件的功能。在组件中，可以使用 `wx.chooseMessageFile` API 选择文件并返回文件的临时路径，然后使用 `wx.openDocument` API 打开文件。 组件示例： ```html <template> <button @click="openFile">打开文件</button> </template> <script> export default { methods: { openFile() { wx.chooseMessageFile({ count: 1, type: 'file', success: (res) => { wx.openDocument({ filePath: res.tempFiles[0].path, fileType: 'txt', success: () => { console.log('打开文件成功') }, fail: () => { console.log('打开文件失败') } }) }, fail: () => { console.log('选择文件失败') } }) } } } </script> ``` 注意：在使用 `wx.chooseMessageFile` 和 `wx.openDocument` API 时，需要将 `type` 和 `fileType` 参数设置为要打开的文件类型，这里以打开 txt 文件为例，需要将类型设置为 `file`，文件类型设置为 `txt`。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值