精华内容
下载资源
问答
  • wx.downloadFile({ url: 'https://example.com/audio/123', //仅为示例,并非真实的资源 success (res) { // 只要服务器有响应数据,就会把响应内容写入文件并进入 success 回调,业务需要自行判断是否下载到了想...

    官方示例代码:

    wx.downloadFile({
      url: 'https://example.com/audio/123', //仅为示例,并非真实的资源
      success (res) {
        // 只要服务器有响应数据,就会把响应内容写入文件并进入 success 回调,业务需要自行判断是否下载到了想要的内容
        if (res.statusCode === 200) {
          wx.playVoice({
            filePath: res.tempFilePath
          })
        }
      }
    })
    

    下面是完整版代码(ps:添加是否授权开启相册)

    let fileName = new Date().valueOf();
    wx.downloadFile({
    	url: url, //下载链接
    	filePath: wx.env.USER_DATA_PATH + '/' + fileName + '.mp4',
    	success: res => {
    		console.log(res)
    		let filePath = res.filePath;
    		wx.saveVideoToPhotosAlbum({
    			filePath,
    			success: file => {
    				wx.showToast({title: '下载成功',icon: 'success',duration: 2000})
    			},
    			fail: err => {
    				this.loading =  false
    				if (err.errMsg === 'saveVideoToPhotosAlbum:fail auth deny') {
    					wx.showModal({
    						title: '提示',
    						content: '需要您授权保存相册',
    						showCancel: false,
    						success: data => {
    							wx.openSetting({
    								success(settingdata) {
    									if (settingdata.authSetting['scope.writePhotosAlbum']) {
    										wx.showModal({
    											title: '提示',
    											content: '获取权限成功,再次点击下载即可保存',
    											showCancel: false,
    										})
    									} else {
    										wx.showModal({
    											title: '提示',
    											content: '获取权限失败,将无法保存到相册哦~',
    											showCancel: false,
    										})
    									}
    								},
    							})
    						}
    					})
    				}
    			}
    		})
    	},
    	fail:res=>{
    		this.loading =  false
    		console.log(res)
    	}
    })
    

    当然,这并还没有结束
    当你下载多的时候,可能会报出saveFile:fail the maximum size of the file storage limi或者uploadFile:fail exceed max upload connection count 10错误
    原因是微信的使用限制
    在这里插入图片描述
    对于以上错误,可用FileSystemManager.readdirFileSystemManager.unlink去处理
    代码如下,具体参数及回调可以查看官方文档

    //读取目录内文件列表
    wx.getFileSystemManager().readdir({
    	dirPath: wx.env.USER_DATA_PATH,
    	success(res){
    		console.log(res)
    	},
    	fail(res){
    		console.log(res)
    	}
    })
    //删除文件
    wx.getFileSystemManager().unlink({
    	filePath: wx.env.USER_DATA_PATH + '/' + fileName + '.mp4',
    	success(res){
    		console.log(res)
    	},
    	fail(res){
    		console.log(res)
    	}
    })
    
    展开全文
  • 小程序获取用户微信头像过程中图片损坏,在使用wx.downloadFile下载图片的时候加上失败的回调,可以在失败回调里面setData一个默认的图片,当下载图片失败时用默认图片。

    wx.downloadFile遇到损坏的图片,下载失败

    说明
    小程序获取用户微信头像过程中图片损坏,在使用wx.downloadFile下载图片的时候加上失败的回调,可以在失败回调里面setData一个默认的图片,当下载图片失败时用默认图片

    注意
    下载图片失败时,log里面可能会随机报一个undefined的错误,我遇到的就是下面这个
    下载图片失败时,log里面可能会随机报一个undefined的错误

    wx.downloadFile({
              url: that.data.httpsUrl + res.data.data.avatar,
              success: function(res) {
                // 下载图片成功,临时路径为res.tempFilePath
                console.log(
                  'downloadFile 下载图片成功,path=' + res.tempFilePath
                );
                that.setData({
                  avatar: res.tempFilePath
                });
              },
    		  // 加上失败的回调
              fail: function(res) {
                // 用户头像损坏,头像下载失败,给默认头像
                console.log('头像失败', res)
                that.setData({
                  avatar: '../../image/vclass/ren7@2x.png'
                });
              }
            });
    
    展开全文
  • <template> <view class="black"> <image class="cover" mode="widthFix" :src="cover" @longpress="operator"></image> </view> </template> <... ex...

     

    <template>
      <view class="black">
        <image class="localimg" mode="widthFix" :src="localimg" @longpress="operator"></image>
      </view>
    </template>
     
    <script>
      export default {
        data() {
          return {
            localimg: ''
          };
        },
        // 其他页面传参
        onLoad() {
          this.localimg = 'https://bkimg.cdn.bcebos.com/pic/fc1f4134970a304e023b1783dcc8a786c9175ca9?x-bce-process=image/resize,m_lfit,w_500,h_500,limit_1';
        },
        methods: {
          operator() {
            // 1 选择保存图片到本地
            uni.showActionSheet({
              itemList: ["保存图片到本地"],
              success:(res)=> {
                if (res.tapIndex == 0) {
                  // 2 提示保存中
                  uni.showLoading({
                    title: "图片保存中..."
                  })
    
                  // 3 下载到本地
                  uni.downloadFile({
                    url: this.localimg,
                    success:(result)=> {
                      var tempFilePath = result.tempFilePath;
                      
                      // 4 保存到本地
                      uni.saveImageToPhotosAlbum({
                        filePath: tempFilePath,
                        success:()=> {
                          // 5 提示保存成功
                          uni.showToast({
                            title: "保存成功",
                            duration: 2000
                          })
                        },
                        fail:()=>{
                          //  6 失败关闭提示信息!!!
                          console.log("saveImageToPhotosAlbum 失败");
                          uni.hideLoading();
                        },
                        complete: function() {
    				      // 7 隐藏提示
    					  uni.hideLoading();
    					}
                      })
                    },
                    fail:()=> {
                      console.log("downloadFile 失败");
                    }
                  })
                }
              },
              fail:()=> {
                console.log("showActionSheet 失败");
              }
            })
          }
        }
      }
    </script>
     
    <style scoped>
      .black {
        width: auto;
        height: 100%;
        padding:50rpx;
      }
    </style>
    

     

    展开全文
  • uniapp开发微信小程序时,使用uni.downloadFile下载图片在苹果手机可以正常下载,安卓手机就会报报错unknown问题 解决办法:使用指定保存路径的办法,设置filePath,代码如下 uni.downloadFile({ url: ctx + '/f/...

    uniapp开发微信小程序时,使用uni.downloadFile下载图片在苹果手机可以正常下载,安卓手机就会报报错unknown问题

    解决办法:使用指定保存路径的办法,设置filePath,代码如下

    uni.downloadFile({

        url: ctx + '/f/wx/getMiniProgramQrCode?page=pages/nearServer/nearServer&scene='+that.userInfo.bakId+'&width=300',

        header: {

         'content-type': 'application/png'

        },

        filePath: wx.env.USER_DATA_PATH + '/file.png',

        success: function success(res) {

            if (res.statusCode == 200) {

            }

        }

    })

    展开全文
  • 小程序wx.downloadFile 加wx.openDocument(新开页面打开文档,支持格式:doc, xls, ppt, pdf, docx, xlsx, pptx )返回下载进度,百分比
  • 小程序wx.downloadFile下载pdf并保存

    千次阅读 2020-11-27 16:16:14
    查了很多资料,小程wx.downloadFile(Object object)下载的pdf文件只能保存在小程序的文件目录内(藏得很深用户一般找不到),跟随小程序的删除而被清理。 图片和视频倒是可以通过api保存到系统相册中。 pdf这类的...
  • 主要介绍了微信小程序实现的图片保存功能,结合实例形式分析了微信小程序wx.downloadFile({})及wx.saveImageToPhotosAlbum({})函数图片保存功能相关使用技巧,需要的朋友可以参考下
  • 主要介绍了微信小程序合法域名配置,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
  • 本文实例为大家分享了微信小程序实现上传多个文件超过10个的具体代码,供大家参考,具体内容如下 【小程序笔记】wx.uploadFile(OBJECT) 先说说遇到的问题: 小程序可通过wx.uploadFile(OBJECT)接口...
  • 每个微信小程序需要事先设置通讯域名,小程序 只可以跟指定的域名与进行网络通信 。包括普通 HTTPS 请求( wx.request )、上传文件( wx.uploadFile )、下载文件( wx.downloadFile ) 和 WebSocket 通信( wx....
  • 微信小程序wx.downloadFile()使用体验 想给单位做一个小程序,实现模板文件下载的功能,方便办事群众把文件下载到手机上自行打印填写,也能提高办事效率。 不过想法是好的,截止目前2018年10月24日,微信小程序还...
  • 小程序之下载文件 —— wx.downloadFile

    万次阅读 2018-03-29 11:44:00
    技术文档如下js代码downloadFile:function(){ wx.downloadFile({ url:"https://www.minshu.xin/My/Uploads/2018-03-29/5abc4ca7903ca.jpg", success: function(res){ console.log(res)...
  • 作为一名学车辆的工科生,毫无计算机知识的情况下做微信小程序前后端的项目,玛德这个问题困扰了三天得以解决。下面总结一下,进行复盘。 一. 理解 首先要先理解这个URL,就是下载文件的路径。这个路径需要能够访问...
  • var result = await wx.cloud.downloadFile({fileID: cloudPath}) if (result.statusCode == 200) { wx.getFileSystemManager().saveFile({ tempFilePath: result.tempFilePath, // 传入一个本地临时文件路径, ...
  • 微信小程序文件名改写 因为我们的文件名带有中文,导致打开标题转码: 疯狂查阅资料试了好多种方法总算是试出来了: wx.downloadFile({ url: "https://XXXXXXXXXXXXXXXXXXXXXXXXXXXXX.pdf", //源文件地址 ...
  • 首先,先看一下wx.downloadFile官方文档 当中的url是下载资源的路径,从网上查了许多文档,url是文档的路径,尝试了很多次,但路径总会报404,有的说是域名不对,卡死,后来才知道,可以把url设置成可以进后台...
  • 微信小程序中调用wx.downloadFile api url路径总是报404,找不到, 请教大神,这个也不需要进后台查询吧 ![图片说明](https://img-ask.csdn.net/upload/201907/12/1562923437_269312.png)
  • 微信小程序wx.downloadFile报错 no such file or directory function down_file() { var _this = this; var path = wx.getStorageSync('savedFilePath') if(path) { console.log(path) accessFile(path) ...
  • 小程序并发限制由来已久,从刚发布时的 5 并发,到后来的 10 并发,同时发出的请求数若超出这个限制则将被残忍抛弃,由此催生了很多开发者在自己的项目中造了「请求排队」的轮子。然而事实上,早在一年半以前,该...
  • 最近在做小程序的一个下载文档的功能,模拟器、真机调试、体验版(非调试环境)下都没有问题,可以正常下载打开文档。但是体验版非调试模式测试的时候发现下载不了,直接返回downloadFile:fail url not in domain ...
  • 微信小程序图片保存到相册 1、兼容android+ios; 2、支持一次保存多张图片; const app = getApp(); var util = require('../../utils/util.js'); Page({ /** * 页面的初始数据 */ data: { name: '', cardnum: ...
  • 微信小程序调用api wx.downloadFile下载图片(甄姬),有时候会出现格式.unknown的bug 针对这个问题我们可以通过自定义图片名称,并且传入filePath指定文件下载后存储的路径。 let filePath = wx.env.USER_DATA_...
  • wx.downloadFile({ url: // 图片在线 url , success (res) { if (res.statusCode === 200) { // console.log("res.tempFilePath",res.tempFilePath); 微信 临时路径 wx.hideLoading(); that.setData({ '...
  • 官方开发文档 wx.downloadFile(OBJECT) 下载文件资源到本地,客户端直接发起一个 HTTP GET 请求,返回文件的本地临时路径。使用前请先阅读说明。 OBJECT参数说明: 参数 类型 必填 必填 ...
  • 主要介绍了微信小程序wx.uploadfile 本地文件转base64的实现方法,文中通过代码讲解给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
  • 返回值中只会出现小程序已经向用户请求过的权限。 授权总结了三种情况: 1.用户从来没有授权过,res.authSetting[’scope.writePhotosAlbum’]===undefined 需要wx.authorize:提前向用户发起授权请求。调用后弹出...
  • 小程序视频教程

    2019-01-30 11:29:16
    小程序视频教程
  • excel报表生成和下载 生成文件并返回下载路径路径 生成文件接口(业务数据没写进去 下方是文件处理代码) String uuid = UUID.randomUUID().toString().replace("-", ""); String fileName = uuid + ".xls";...
  • 编写微信小程序时,用到 wx.uploadFile,用来上传图片+文本信息.然而在编写过程中,由于官方的 demo 和文档描述很少,在几个坑上耗费了不少时间. 这里分享一个和编码有关的坑,主要是由于真机预览时 formData 中...
  • 问题:uni.downloadFile 返回的 临时地址 后缀名为undown 出错 现在暂时的解决方案:点击可以查看,但不可下载 <template> <view> <web-view :src="url"></web-view> </view&...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 7,227
精华内容 2,890
关键字:

downloadfile小程序