精华内容
下载资源
问答
  • 微信小程序 下载文件

    千次阅读 2020-03-18 15:43:11
    js中的文件内容: Page({ /** 页面的初始数据 */ data: { }, /** 生命周期函数–监听页面加载 */ onLoad: function (options) { }, load(){ let _that = this; wx.downloadFile({ u...

    js中的文件内容:

    Page({
     
      /**
      
      页面的初始数据
      */
      data: {
     
     
     
      },
     
      /**
      
      生命周期函数–监听页面加载
      */
      onLoad: function (options) {
     
        
      },
      load(){
        let _that = this;
        wx.downloadFile({
          url:'http://aishou.zhangtongdongli.com/public/4.docx', //仅为示例,并非真实的资源
          success(res) {
            console.log(res)
            var filePath = res.tempFilePath;
            wx.openDocument({
              filePath: filePath,
              success: (res) => {
                console.log('读取成功', res)
              },
              fail: (err) => {
                console.log('读取失败', err)
              }
            })
          }
        })
      },
      /**
      
      生命周期函数–监听页面初次渲染完成
      */
      onReady: function () {
      },
     
      /**
      
      生命周期函数–监听页面显示
      */
      onShow: function () {
      },
     
      /**
      
      生命周期函数–监听页面隐藏
      */
      onHide: function () {
      },
     
      /**
      
      生命周期函数–监听页面卸载
      */
      onUnload: function () {
      },
     
      /**
      
      页面相关事件处理函数–监听用户下拉动作
      */
      onPullDownRefresh: function () {
      },
     
      /**
      
      页面上拉触底事件的处理函数
      */
      onReachBottom: function () {
      },
     
      /**
      
      用户点击右上角分享
      */
      onShareAppMessage: function () {
      }
    })
    

    wxml中的内容:

    <text bindtap="load">下载文件</text>
    
    展开全文
  • 微信小程序下载文件详解

    千次阅读 2016-12-20 17:39:40
    微信小程序下载文件 wxml代码下载文件此处我为了简单所以直接用按钮来下载,这个可以根据个人喜好或需求来做适当的额改变 js代码Page({ data:{ path:'' }, load: function(){ wx.downloadFile({ url: '...

    微信小程序下载文件
    wxml代码

    <button bindtap="load">下载文件</button>
    

    此处我为了简单所以直接用按钮来下载,这个可以根据个人喜好或需求来做适当的额改变
    js代码

    Page({
      data:{
        path:''
      },
      load: function(){
      wx.downloadFile({
      url: 'http://my.wecah.com/test/image/00001111.gif', //仅为示例,并非真实的资源
      success: function(res) {
        console.log(res)
        wx.playVoice({
          filePath: res.tempFilePath
        })
      }
      })
      },
      onLoad:function(opt){
      
      }
    })
    

    就是这么简单,至于下载文件的地址,就是那个文件的地址即可,可以做处理,无论有什么疑问,都可以在下方评论

    展开全文
  • 微信小程序下载文件至本地,并打开文档 downloadfile(e){ var url = e.currentTarget.dataset.url; //下载文件,生成临时地址 wx.downloadFile({ url: url, success(res) { // console.log(res) //保存到...

    微信小程序下载文件至本地,并打开文档

    downloadfile(e){
        var url = e.currentTarget.dataset.url;
        //下载文件,生成临时地址
        wx.downloadFile({
          url: url, 
          success(res) {
            // console.log(res)
            //保存到本地
            wx.saveFile({
              tempFilePath: res.tempFilePath,
              success: function (res) {
                const savedFilePath = res.savedFilePath;
                // 打开文件
                wx.openDocument({
                  filePath: savedFilePath,
                  success: function (res) {
                    console.log('打开文档成功')
                  },
                });
              },
              fail: function (err) {
                console.log('保存失败:', err)
              }
            });
          }
        })
      },
    
    展开全文
  • 场景:微信小程序调用 wx.downloadFile() API 下载文件,PHP后端做处理并返回文件流程; 流程: 1.小程序展示需要下载文件列表; 2.点击下载后请求PHP接口,携带一个参数为想要下载的文件名; 3.在PHP接收该参数,...

    微信小程序开发交流qq群   173683895

       承接微信小程序开发。扫码加微信。

    正文:


    场景:微信小程序调用 wx.downloadFile() API 下载文件,PHP后端做处理并返回文件流程;


    流程:


    1.小程序展示需要下载的文件列表;


    2.点击下载后请求PHP接口,携带一个参数为想要下载的文件名;


    3.在PHP接收该参数,然后在文件夹查找是否有该文件;


    4.找到文件后把该文件返回给小程序端;


    5.小程序端保存后端返回的文件,点击打开文件,实现预览






    小程序端代码:


    wxml

     

     

     

     

     

    <view>文件列表</view>
    <view wx:for='{{search_store}}' wx:key='{{index}}'>
      <view bindtap='dom' id='{{index}}'>文件名:{{item.fileName}} 点击下载</view>
    </view>

     

     



    js

     

     

     

     

     

     

     

      dom: function (e) {
        var index = e.currentTarget.id;
        var data = this.data.search_store[index].fileName
        var that = this;
        wx.downloadFile({
          url: 'https://dwb.lynncain.cn/H5/dom.php?str=' + data, //下载路径携带 参数=文件名
          success: function (res) {
            console.log(res.tempFilePath)
            wx.saveFile({ //下载成功后保存
              tempFilePath: res.tempFilePath,
              success: function (res) {
               wx.showToast({
                 title: '下载成功!',
               })
               wx.getSavedFileList({ //获取下载的文件列表保存到data
                 success: function (rrr) {
                   console.log(rrr.fileList)
                   that.setData({
                     fileList: rrr.fileList
                   })
                 }
               })
              }
            })
          }
        })
      },

     

     



    php

     

     

     

     

     

     

     

    <?php
        header("Access-Control-Allow-Origin: *"); //解决跨域
        header('Access-Control-Allow-Methods:GET');// 响应类型  
        header('Access-Control-Allow-Headers:*'); // 响应头设置 
        $link=mysql_connect("localhost","root","root"); 
        mysql_select_db("new_test", $link); //选择数据库
        mysql_query("SET NAMES utf8");//解决中文乱码问题
    	error_reporting(0);
    	$str = $_GET['str'];
    		$file_path="upload/".$str;
    		if (! file_exists ( $file_path )) {    
    			header('HTTP/1.1 404 NOT FOUND');  
    		} else {    
    			//以只读和二进制模式打开文件   
    			$file = fopen ( $file_path, "rb" ); 
    
    
    			//告诉浏览器这是一个文件流格式的文件    
    			Header ( "Content-type: application/octet-stream" ); 
    			//请求范围的度量单位  
    			Header ( "Accept-Ranges: bytes" );  
    			//Content-Length是指定包含于请求或响应中数据的字节长度    
    			Header ( "Accept-Length: " . filesize ( $file_path ) );  
    			//用来告诉浏览器,文件是可以当做附件被下载,下载后的文件名称为$file_name该变量的值。
    			Header ( "Content-Disposition: attachment; filename=" . $str );    
    
    
    			//读取文件内容并直接输出到浏览器    
    			echo fread ( $file, filesize ( $file_path ) );    
    			fclose ( $file );    
    			exit ();    
    		}    
    
    
    ?>
    

     

     


     

     

     

    展开全文
  • 微信小程序下载文件到本地

    万次阅读 2019-09-18 10:24:55
    文件下载不了也打开失败,微信里说有10m但是没有10m的文件也下载不了,为什么呢? 原因 之前下载了一些内容已经超过10m,需要清理 解决方案 微信文档中描述的是本地文件存储的大小限制为 10M, 所以在下载之前可以先...
  • 微信小程序下载文件wx.saveFile

    千次阅读 2020-02-05 17:18:59
    //*注:wx.saveFile下载文件只可以微信小程序内部访问,不可做外部访问 downloadFile: function(e) { wx.showLoading({ title: '下载中...', }); var url = e.currentTarget.dataset.info;//下载文件后端路径 /...
  • 微信小程序文件预览需要先使用wx.downloadFile下载文件,然后使用下载文件的临时路径通过wx.openDocument进行文件的 预览 wxml代码: <button bindtap='preview'>简历预览</button> js代码: //...
  • 1.根据项目需要要将服务器数据库的内容下载小程序本地进行预览,有一个坑。 2.就是服务端进行封装返回Excel,小程序端可以打开,可以预览,可以转发给别人,但是别人无法打开。例如转发给“文件传输助手”,实现...
  • 微信小程序开发【前端+后端(java)】

    万次阅读 多人点赞 2018-07-13 22:19:46
    现在微信小程序越来越火了,相信不少人都通过各种途径学习过微信小程序或者尝试开发,作者就是曾经由于兴趣了解开发过微信小程序,最终自己的毕业设计也是开发一个微信小程序。所以现在用这篇博客记录我之前开发的...
  • 零基础入门微信小程序开发

    万次阅读 多人点赞 2018-07-03 02:45:07
    本课程是一个系列入门教程,目标是从 0 开始带领读者上手实战,课程以微信小程序的核心概念作为主线,介绍配置文件、页面样式文件、JavaScript 的基本知识并以指南针为例对基本知识进行扩展,另外加上开发工具的安装...
  • 如何学习微信小程序? 学习微信小程序所需基础

    万次阅读 多人点赞 2020-03-30 16:23:19
    微信小程序作为近几年“微服务”的杰出代表,应用十分广泛。小程序是一种新的开放能力,开发者可以快速地开发一个小程序。小程序可以在微信内被便捷地获取和传播,同时具有出色的使用体验。 说的通俗一些,微信小...
  • 主要为大家详细介绍了微信小程序实现文件、图片上传功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • 主要介绍了微信小程序文件下载视频和图片,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
  • 文件结构
  • nginx-配置微信小程序校验文件

    千次阅读 2020-08-18 14:47:39
    nginx-配置微信小程序校验文件下载校验文件传到服务器上配置nginx 下载校验文件 传到服务器上 配置nginx
  • 微信为了不让小程序成为孤岛,提供了从一个微信小程序跳转到另一个微信小程序的功能,这个功能也是经过了很多波折,方式也不断改变,所以导致很多小伙伴在网上找到的博文都不能正确解决自己的问题,下面我来总结一下...
  • 做任何程序开发要首先找到其官方文档,我们先来看看其有哪些官方文档。 微信小程序开发文档链接为:...下载微信小程序开发者工具并安装,下载路径: https://mp.weix...
  • 微信小程序临时文件位置

    万次阅读 2016-12-13 13:41:28
    我们在调试微信小程序上传或下载文件时经常不知道是否成功,也不知道临时存在的目录,经过分析找到了保存时文件的位置,这样我们在调试的时候就方便多了 1、在开发工具调试时,临时文件存在user的文件下,具体如下图...
  • 微信小程序文件上传PHP后台接收

    千次阅读 2019-10-11 20:00:07
    微信小程序文件上传(word,excel图片等) 微信前台代码 .html <!--pages/demo4/demo4.wxml--> <view class="container"> <view class="list"> <button type="primary" class="button" ...
  • 微信小程序文件夹目录结构显示 最近做微信小程序,碰到列表展示客户信息。含有二级目录,想做成资源管理器那种加减号显示文件目录。找了好久小程序官方文档,没有找到百度也没有,只能自己琢磨了,还好做出来了。多...
  • 微信小程序微信小程序微信小程序微信小程序微信小程序微信小程序微信小程序微信小程序微信小程序微信小程序微信小程序
  • 微信小游戏 小程序 上传/下载 文件的服务器代码示例 asp.net core 2.0 对应客户端接口 wx.uploadFile wx.downloadFile
  • 微信小程序教程、微信小程序开发资源下载汇总

    千次阅读 多人点赞 2018-11-15 09:22:46
    摘要:微信小程序教程合集、微信小程序开发资源合集、微信小程序DEMO合集、微信小程序商店合集、微信小程序经验合集、微信小程序技巧合集 微信小程序开发工具 5款微信小程序开发工具使用报告...
  • 微信小程序打开预览下载文件

    万次阅读 2018-06-13 22:08:05
    微信小程序开发交流qq群 173683895 承接微信小程序开发。扫码加微信。 使用 wx.openDocument(obj) 方法预览 wx.downloadFile({ url: 'http://example.com/somefile.pdf', success: function (res) { var ...
  • 转载地址:(微信小程序微信小程序-毕设级项目搭建-微信阅读小程序(内含源码,微信小程序+java逻辑后台+vue管理系统)~不求完美,实现就好 转载请注明出处 作者:Happy王子乐 个人GitHub(喜欢的还请点个Star、...
  • springboot 写的微信小程序后台上传 包含了文件上传 和下载 由于文件是在整个后台中拿出来的,所以返回参数 可以根据自己需求进行修改。文件主要是在微信小程序 生成录音文件 或选择文件时 调用 wx.upload 方法上传...
  • 微信小程序开发文件上传功能教程

    千次阅读 2018-07-19 10:28:41
    使用微信小程序文件(或图片)保存在本地,这样可以快速的取到图片,节约用户的流量和时间。 保存图片,我认为有两处需要保存  1、选择图片的时候,使用wx.chooseImage选择图片的时候保存  2、下载图片的时候...
  • 微信小程序 wxml文件中嵌套循环

    千次阅读 2019-03-27 10:37:24
    小编推荐:Fundebug专注于JavaScript、微信小程序、微信小游戏,Node.js和Java实时BUG监控。真的是一个很好用的bug监控费服务,众多大佬公司都在使用。 1、服务器获取到的数组中嵌套 对象组成的数组,控制台输出:...
  • 微信小程序项目文件说明(笔记)

    千次阅读 2019-03-20 22:00:51
    微信小程序项目文件说明(笔记) 预览图: 作用介绍: index.js: 脚本js,实现交互功能。 index.wxml: 充当模板,描述页面架构。 index.wxss: 样式作用,描述页面表现。 page.json: 页面配置文件。 app.json: 公共...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 139,846
精华内容 55,938
关键字:

微信小程序下载文件

微信小程序 订阅