如何从微信小程序草料二维码中将文件下载到电脑

发布网友发布时间：2022-04-22 05:57

我来回答

共6个回答

懂视网时间：2022-04-23 01:19

本篇文章主要介绍了微信小程序之多文件下载的简单封装示例，现在分享给大家，也给大家做个参考。

需求

需要生成一个宣传的图片分享到朋友圈，这个宣传图片包含二维码，包含不同的背景图片和不同的文字。对于这种图片生成，我们考虑过使用服务端生成，但是这样会比较耗服务器性能，所以最终决定使用本地生成。

首先小程序有一个限制，包不能大于2m，而且我们可能多个背景图，所以计划把背景图和二维码图片放在服务端，这样可以减少小程序包的大小，也可以灵活的切换背景图。

在绘制分享图的时候，可以直接使用互联网地址，但是遇到了一个问题，有可能不能生成图片，所以我们需要把这个图片文件下载下来。

下载文件的方法微信有API，但是返回的是文件的临时路径，只在小程序本次启动期间可以正常使用，如需持久保存，需在主动调用 wx.saveFile，才能在小程序下次启动时访问得到。

所以我们先把下载文件和保存文件封装

封装下载并且保存一个文件

这个方法比较简单

参数：一个对象，包含

id 需要下载文件的id，如果不传默认是下载的url，之所以需要id，是因为我们要做多文件下载，可以区分下载的是一个文件
url 下载文件的网络地址（需要微信小程序后台配置，具体配置方法请参考微信官方文档）
success 成功回调返回参数是一个对象包含 id,savedFilePath
fail 失败回调 ,下载失败，保存都是都算失败

/**
 * 下载保存一个文件
 */
function downloadSaveFile(obj) {
 let that = this;
 let success = obj.success;
 let fail = obj.fail;
 let id = "";
 let url = obj.url;
 if (obj.id){
 id = obj.id;
 }else{
 id = url;
 }
 // console.info("%s 开始下载。。。", obj.url);
 wx.downloadFile({
 url: obj.url,
 success: function (res) {
 wx.saveFile({
 tempFilePath: res.tempFilePath,
 success: function (result) {
  result.id = id;
  if (success) {
  success(result);
  }
 },
 fail: function (e) {
  console.info("保存一个文件失败");
  if (fail) {
  fail(e);
  }
 }
 })
 },
 fail: function (e) {
 console.info("下载一个文件失败");
 if (fail) {
 fail(e);
 }
 }
 })
}

使用下载方法（wx.downloadFile(obj)）需要在微信小程序配置服务器域名,服务器域名请在小程序后台-设置-开发设置-服务器域名中进行配置，具体请参考微信官方文档

封装多文件下载并且保存

多文件下载并且保存，强制规定，必须所有文件下载成功才算返回成功

参数：一个对象，包含

urls 下载地址数组，支持多个 url下载 [url1,url2]
success 下载成功（必须所有文件下载成功才算返回成功）回调参数 map ，key(id) -> value ({id,savedFilePath})
fail 下载失败，只要有一个方法失败就调用失败

/**
 * 多文件下载并且保存，强制规定，必须所有文件下载成功才算返回成功
 */
function downloadSaveFiles(obj) {
 // console.info("准备下载。。。");
 let that = this;
 let success = obj.success; //下载成功
 let fail = obj.fail; //下载失败
 let urls = obj.urls; //下载地址 数组，支持多个 url下载 [url1,url2]
 let savedFilePaths = new Map();
 let urlsLength = urls.length; // 有几个url需要下载
 for (let i = 0; i < urlsLength; i++) {
 downloadSaveFile({
 url: urls[i],
 success: function (res) {
 //console.dir(res);
 //一个文件下载保存成功
 let savedFilePath = res.savedFilePath;
  
 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文件

/**
 * 下载管理器
 * Created by 全科 on 2018/1/27.
 */
/**
 * 下载保存一个文件
 */
function downloadSaveFile(obj) {
 let that = this;
 let success = obj.success;
 let fail = obj.fail;
 let id = "";
 let url = obj.url;
 if (obj.id){
 id = obj.id;
 }else{
 id = url;
 }
 // console.info("%s 开始下载。。。", obj.url);
 wx.downloadFile({
 url: obj.url,
 success: function (res) {
 wx.saveFile({
 tempFilePath: res.tempFilePath,
 success: function (result) {
  result.id = id;
  if (success) {
  success(result);
  }
 },
 fail: function (e) {
  console.info("保存一个文件失败");
  if (fail) {
  fail(e);
  }
 }
 })

 },
 fail: function (e) {
 console.info("下载一个文件失败");
 if (fail) {
 fail(e);
 }

 }
 })
}
/**
 * 多文件下载并且保存，强制规定，必须所有文件下载成功才算返回成功
 */
function downloadSaveFiles(obj) {
 // console.info("准备下载。。。");
 let that = this;
 let success = obj.success; //下载成功
 let fail = obj.fail; //下载失败
 let urls = obj.urls; //下载地址 数组，支持多个 url下载 [url1,url2]
 let savedFilePaths = new Map();
 let urlsLength = urls.length; // 有几个url需要下载
 for (let i = 0; i < urlsLength; i++) {
 downloadSaveFile({
 url: urls[i],
 success: function (res) {
 console.dir(res);
 //一个文件下载保存成功
 let savedFilePath = res.savedFilePath;  
 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);
 }
 }
 })
 }
}
module.exports = {
 downloadSaveFiles: downloadSaveFiles
}

使用

首先导入

import download from "download.js"

之后调用

let url1 = 'https://xcx.upload.utan.com/article/coverimage/2018/01/25/eyJwaWMiOiIxNTE2ODU2Nzc0Njk3OCIsImRvbWFpbiI6InV0YW50b3V0aWFvIn0=';
let url2 = 'https://xcx.upload.utan.com/article/coverimage/2018/01/26/eyJwaWMiOiIxNTE2OTcyNDg0NDUzOSIsImRvbWFpbiI6InV0YW50b3V0aWFvIn0=';
download.downloadSaveFiles({
 urls: [url1, url2],
 success: function (res) {
 // console.dir(res);
 
 console.info(res.get(url2).savedFilePath)
 },
 fail: function (e) {
 console.info("下载失败");
 }
);

上面是我整理给大家的，希望今后会对大家有帮助。

在vue中scroller返回页面并且记住滚动位置如何实现

详细介绍javascript中常用工具类的封装（详细教程）

在vue中详细介绍源码入口文件（详细教程）

热心网友时间：2022-04-22 22:27

如何从微信小程序草料二维码中将文件下载到电脑
？在微信小程序中，有个叫做wps文档的小程序，这个小程序可以让我们在手机中很容易的进行文档、表格的创建，编辑，转发等操作。如果我们想把小程序上的wps文档下载到电脑上该怎么做呢？接下来小编来和大家分享一下。
工具原料微信
方法/步骤分步阅读
1
/6
我们打开手机微信，找到并进入“WPS文档”小程序。
2
/6
进入WPS文档界面后，我们点击查看要用电脑下载文档。
3
/6
进入查看页面后，我们点击界面右上角的三个点的图标（在我们头像的右侧）。在弹出的下拉框中选择“发至电脑/下载”选项。
4
/6
接着，我们会跳转到一个让我们复制链接到浏览器中访问的界面，我们点击“复制链接”按钮，进行链接复制。
5
/6
使用电脑浏览器打开我们复制的链接，我们可以直接看到刚才分享的文档。点击右上角“...”图标，然后选择下载。
6
/6
在弹出的确认下载窗口中，我们点击保存按钮，即可下载到电脑。

热心网友时间：2022-04-22 23:45

你可以选择电脑版的草料二维码生成器。

热心网友时间：2022-04-23 01:20

你可以直接把文件拖到新建的Word&Excel中，下载并打开，然后就可以编辑和另存为，就好了。

热心网友时间：2022-04-23 03:28

可以下载的，需要通过后台第三方取得地址，这样就可以直接下载成PDF文件

热心网友时间：2022-04-23 05:52

不行的吧，