微信小程序之多文件下载的简单封装示例
需求需要生成一个宣传的图片分享到朋友圈,这个宣传图片包含二维码,包含不同的背景图片和不同的文字。对于这种图片生成,我们考虑过使用服务端生成,但是这样会比较耗服务器性能,所以最终决定使用本地生成。 首先小程序有一个限制,包不能大于2m,而且我们可能多个背景图,所以计划把背景图和二维码图片放在服务端,这样可以减少小程序包的大小,也可以灵活的切换背景图。 在绘制分享图的时候,可以直接使用互联网地址,但是遇到了一个问题,有可能不能生成图片,所以我们需要把这个图片文件下载下来。 下载文件的方法微信有API,但是返回的是文件的临时路径,只在小程序本次启动期间可以正常使用,如需持久保存,需在主动调用 wx.saveFile,才能在小程序下次启动时访问得到。 所以我们先把下载文件和保存文件封装 封装下载并且保存一个文件这个方法比较简单 参数:一个对象,包含
使用下载方法(wx.downloadFile(obj))需要在微信小程序配置服务器域名,服务器域名请在 小程序后台-设置-开发设置-服务器域名 中进行配置 ,具体请参考 微信官方文档 封装多文件下载并且保存多文件下载并且保存,强制规定,必须所有文件下载成功才算返回成功 参数:一个对象,包含
savedFilePaths.set(res.id,res);
console.info("savedFilePath:%s",savedFilePath);
if (savedFilePaths.size == urlsLength) { //如果所有的url 才算成功
if (success){
success(savedFilePaths)
}
}
},fail: function (e) {
console.info("下载失败");
if (fail) {
fail(e);
}
}
})
} 完整的download.js文件 },fail: function (e) {
console.info("下载一个文件失败");
if (fail) {
fail(e);
}
}
})
使用首先导入 之后调用 console.info(res.get(url2).savedFilePath)
},fail: function (e) { console.info("下载失败"); } ); 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |