精华内容
下载资源
问答
  • 对应的视频课程 https://edu.csdn.net/course/detail/10147
    展开全文
  • 微信小程序保存到wx.env.USER_DATA_PATH的文件手机中的位置 ** 有人要求使用微信小程序记录信息,并保存本地,然后拷贝计算机里边,不通过网络传输,找了半天,保存wx.env.USER_DATA_PATH的文件手机中的...

    **

    微信小程序保存到wx.env.USER_DATA_PATH的文件在手机中的位置

    **

    有人要求使用微信小程序记录信息,并保存到本地,然后拷贝到计算机里边,不通过网络传输,找了半天,保存到wx.env.USER_DATA_PATH的文件在手机中的位置是在:

    “这台电脑\这台手机\内部存储\tencent\MicroMsg\wxanewfiles\一个很长名字的文件夹\”下边。

    心好累。。。。。。。。。。

    展开全文
  • 微信小程序如何保存文件到本地,并能打开看到?

    万次阅读 多人点赞 2020-07-02 15:25:04
    最近看到微信小程序保存/下载文件API,不禁一乐:官方在文档中说的有点简单啊...正巧遇到了一些使用问题,在这里慢慢给大家分享出来:

    说到保存文件,在微信小程序里,本来是一件“令人愉快”的事情:毕竟刚看到API时会感觉wx啥都配好了,只需要调用即可:

    wx.saveFile({
    	tempFilePath: '临时路径',
    	success:(res)=>{
    		//...
    	}
    })
    

    tempFilePath属性在文档中明确定义了:“需要保存的文件的临时路径(本地路径)”,也就透漏了一个信号 —— 需要先下载
    这倒没什么,照着做就是了:

    wx.downloadFile({
    	url:'路径',
    	success:(res)=>{
    		//...
    	}
    })
    

    这里的res中,有一个我们需要的东西:res.tempFilePath 临时路径。

    现在看上去已经“完美”了,不过当我们真正使用时会发现:它打印了个什么玩意…
    其实,在wx.saveFile - API中,文档中有一个没有明确说明的路径参数:filePath ,它的值可以改变success回调中res.sendFilePath临时路径最终保存路径的值:

    wx.downloadFile({
    	url:'路径',
    	success:(res)=>{
    		var saveFile=wx.env.USER_DATA_PATH+'/xxx.xx',
    		wx.saveFile({
    			tempFilePath: res.tempFilePath || res.filePath,
    			filePath: savePath,
    			success:(res)=>{
    				//...
    			}
    		})
    	}
    })
    

    代码中res.filePath和res.tempFilePath路径一致,这样做是为了防止IOS中报错:No tempFilePath

    大功告成!
    然而我们打开一看,笑容逐渐凝固在脸上…没有用啊感觉!找不到啊!
    wuwu

    笔者去查了资料,发现并不是没有下载,而是:
    wx.env.USER_DATA_PATH 在真机上代表:wxfile://usr,也就是真实路径:手机\内存\tencent\MicroMsg\wxanewfiles…\xxx.xx
    其中可怕的是:“…”是一个很长的、由英文数字组成的名字,至于其命名规则,emmmmmmm尚不清楚 」

    在万急之下,有了下面同事和我的对话:

    “你下载文件时干嘛的”
    “看的啊”
    “废话,不过你要是只是自己看的话有链接 何必占内存把它下过来”
    “肯定啊,但是我总是有一些文件要给别人看吧”
    “那你既然用了微信小程序,干嘛不整个页面,直接分享过去…”
    “桥的麻袋,然后 等别人一打开我分享的页面,就让这个文件自动打开?”

    对啊。既然微信上下载这么麻烦,如果只是【只读】的文件的话,为什么非要下下来呢?
    仿佛发现了“新大陆”一般,我急忙查找了文档,发现了这个“打开文件”的API:

    wx.openDocument({
    	filePath: '本地文件路径',
    	success:(res)=>{
    		//...
    	}
    })
    

    我们可以把整个逻辑放到“被分享页面”的onShow中:

    onShow: function () {
      var that = this
      wx.showLoading({
        title: '加载中...',
      })
      wx.downloadFile({
        url: that.data.url,
        filePath: wx.env.USER_DATA_PATH + '/123.jpg',
        success: function (res) {
        	var filePath = res.filePath
        	wx.openDocument({
          		filePath: filePath,
          		success: function (res) {
          			wx.hideLoading();
          		}
        	})
        }
      })
    },
    

    微信小程序的坑目前还是有些多啊。。。
    最近逛社区对于本文的问题还看到有人提出了另外一种“取巧”的方法:(对于PDF等格式文档)

    1. 使用wx.downloadFile() 下载docx文件后,使用fileSystemManager.saveFile API保存docx文件为图片格式
    2. 保存成功后,再使用wx.saveImageToPhotosAlbum保存到相册,最终路径为:手机\内存\tencent\MicroMsg\WeiXin\xxxx.jpg

    其中,xxxx是随机生成的时间戳。

    但遗憾的是:这种方式对iOS似乎也不友好!


    相关链接:

    • https://developers.weixin.qq.com/community/develop/doc/000aa09ca30a9031462990b3b51000?jumpto=comment&commentid=00046880dfcdb09343294eabf514
    展开全文
  • 微信小程序例子-保存图片到手机相册 下载服务器图片 ,保存到手机相册。

    1、效果展示

    2、关键代码

    1)WXML文件


    2)JS文件

    var IMG_URL =''//图片链接 https开头
    Page({
      data:{
        img_url:IMG_URL
      },
      saveImgToPhotosAlbumTap:function(){
        wx.downloadFile({
          url: IMG_URL,
          success:function(res){
            console.log(res)
            wx.saveImageToPhotosAlbum({
              filePath: res.tempFilePath,
              success: function (res) {
                console.log(res)
              },
              fail: function (res) {
                console.log(res)
                console.log('fail')
              }
            })
          },
          fail:function(){
            console.log('fail')
          }
        })
        
      }
    })

    3、源代码获取方式

    百度云:http://pan.baidu.com/s/1jHNMXEm

    4、在获取自己所处的位置坐标的过程中有遇到任何问题或者不明白的地方可以添加我的微信号进行咨询,感谢支持!微信号:FutureJet

    5、觉得不错请打赏,您的十分满意是笔者的无限动力。

                

    展开全文
  • 在这之前试过把base64的图片转移保存到画布然后保存到手机,但是真机调试的时候不支持这种方式,希望各位不要再去汤坑 下面是可行的方法: scene 是base64文件,打印结果如下: 不说废话,直接上代码:(结尾有...
  • 1.根据项目需要要将服务器数据库的内容下载到小程序本地进行预览,有一个坑。...4.解决办法,最后通过返回的 下载 链接 ,将其获取,在小程序中复制链接其他地方(浏览器)打开,实现保存与预览。 ...
  • 小程序保存图片本地相册

    千次阅读 2019-06-18 10:06:40
    项目中需要保存带有水印的图片本地相册。 现在图片上的水印是我拿二维码定位图片上做展示效果,所以真正带水印的图片是要在点击保存的时候从后台获取当前展示的图片的带水印图片,现在这是一个不自己切换的...
  • 注意:小程序端如果想保存成图片,需要用画布,但是如果想把图片放在画布上,真机上需要先把图片保存到本地。使用缓存文件!!!!!小程序端: .jsimport util from '../../../utils/util' var image = require('.....
  • 首先我们要知道,如果小程序首次发起授权被拒绝之后,再次点击同一个按钮执行的wx.authorize(...)不会再弹出授权窗口。所以我们需要引导用户设置页面进行手动授权。 引导用户设置页面授权的方式有两种: 第...
  • 思路解析:将资源保存到本地,首先 需要获取 本地路径 ,然后将文件下载(下载前需要判断文件是否更新,第一次和更新则需要下载,如果存在之前的资源则将其删除),解压(压缩包需要解压,解压完成将压缩包删除,...
  • 其实下载和保存只要这短短几句代码便可,唯一的坑是保存之后难以找到,实则文件已经保存到本地,只是找不而已! wx.downloadFile({ url: ‘保存到本地的文件路径’, success: (res) => { console.log...
  • 一,保存文件到手机内存和SD卡 这里引用一个案例
  • 微信小程序下载、保存、打开文件

    千次阅读 2019-12-20 10:45:20
    直接下载流文件过程 ```javascript wx.downloadFile({ url: app.globalData.url + '/material/handleBlackFileDownload?id=' + id, success(res) { console.log(res) if (res.statusCode === 200) {...
  • 思路: 先调用服务器接口,一个返回写入文件之后返回保存文件的下载目录URL的接口,之后再用微信官方API接口进行下载操作,下载完成后生成临时缓存目录,保存文件,操作保存指定位置之后进行文档打开预览 以上后端...
  • filePath: _this.data.imagePath,//返回的临时文件路径,下载后的文件会存储一个临时文件 success: function (res) { wx.showToast({ title: ‘保存成功’, }) }, fail(res){ wx.showToast({ title: ...
  • cocos creator打包生成的wx-downloader.js文件保存到本地会报 no such file or directory 没有上级目录错误,这就我们自己修改这个文件,主要用到了微信小程序中的api FileSystemManger.access 和 FileSystemManager...
  • 小程序保存二维码海报 添加 canvas 元素 <canvas class="poster" canvas-id="poster" style=&...
  • 点击按钮保存到手机相册 <!--wxml--> <text>点击图片预览、长按保存图片、点击按钮保存到系统相册</text> <image class="img" src="{{item}}&...
  • 目前为止,百度网盘微信小程序文件还不能直接转存百度网盘APP内或者客户端。凑巧找到一个解决办法,特意分享出来: 1.在百度网盘小程序内选择分享文件,分享给微信好友; 2.发给微信好友,微信好友看到小程序...
  • * 下载单个文件 * @param {string} [type] * @param {string} url * @callback successCallback * @callback failCallback */ function downloadFile(type, url, successc, failc) { ...
  • 在微信小程序中要保存图片本地相册,需要获取相册权限。总之整个功能实现下来需要如下几个小程序的API:wx.getSetting,wx.authorize,wx.openSetting,wx.downloadFile,wx.saveImageToPhotosAlbum 但是在...
  • 但是,filePath 不支持网络图片,所以我们需要先把 base64 格式的图片数据,写入到小程序文件系统中去,进一步取得该图片的临时路径以完成保存手机相册的任务。 代码实现如下: <view...
  • 微信小程序下载文件到本地

    万次阅读 2019-09-18 10:24:55
    问题描述 文件下载不了也打开失败,微信里说有10m但是没有10m的文件也下载不了,为什么呢? 原因 之前下载了一些内容已经超过10m,需要清理 解决方案 微信文档中描述的是本地...下载文件到本地的具体过程 使用 wx.d...
  • wxss文件代码部分 我第一次的写法是下面这种,这样保存的时候能捕获canvas还能不在页面中显示出来 但是在全面屏手机上在页面最下面出现了生成图片,如下页脚底部出现了图片我明明在wxss中 width:0 height:0 ...
  • 关于ios系统的bug这块也是快把柚子给逼疯了啊,ios系统是没有文件管理的,柚子用了很多办法,最后终于确定不管用什么办法ios都是实现不了下载的,只能实现在线查看。所以没办法,如果不考虑兼容ios的话,是很简单就...
  • 后端代码打印 方法1 public async Task<HttpResponseMessage> ExportManage([FromBody]List<ManageDaoChuModel> parameter) { if (!parameter.Any()) return null; //获得数据 ....
  • 背景最近接到一个小程序保存二维码本地的需求,以保证用户分享进行推广。看看似简单的一个小需求,其实还是挺麻烦的,为大家分享下(这里项目使用了Taro小程序是一样的)。步骤查看文档发现是现...
  • 微信小程序开发之数据保存

    千次阅读 2019-06-24 00:02:00
    微信小程序保存数据形式有以下几种,不限于以下几种: 本地缓存 本地存储文档保存 云开发平台数据库存储 1、本地缓存 说明: 本地缓存的操作有4个API:分别提供同步保存数据wx.setStorageSync()、同步获取数据wx....
  • 小程序保存图片本地相册

    千次阅读 2018-10-16 18:39:54
    小程序的开发中,会经常遇见把小程序内的图片保存到本地。 现在就为大家讲解图片保存到本地的方法 常见的保存图片触发事件类型: 长按图片触发函数保存到本地,点击按钮触发函数保存到本地 回调函数代码如下: //...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 90,842
精华内容 36,336
关键字:

小程序保存文件到手机