精华内容
下载资源
问答
  • 微信小程序文件预览 微信小程序文件预览需要先使用wx.downloadFile下载文件,然后使用下载文件的临时路径通过wx.openDocument进行文件的预览 wxml代码: <button bindtap='preview'>简历...

    微信小程序的文件预览

    微信小程序的文件预览需要先使用wx.downloadFile下载文件,然后使用下载文件的临时路径通过wx.openDocument进行文件的预览

    wxml代码:
    <button  bindtap='preview'>简历预览</button>
    
    js代码:
     //简历预览
      preview: function () {
        var that = this;
        console.log("简历预览")
    	
    //这里的value是先在data里面初始化,然后我根据用户切换单选框,获取的简历文件的主键id
        console.log(this.data.value)
        var id = that.data.value;
    
        if (id == "") {
          wx.showModal({
            title: '',
            content: '请选择一份简历',
            showCancel: false,
            confirmColor: "#FFB100"
          })
        } else {
    
          //先通过简历的主键id,查询简历路径(大家可以根据自己的需求来传数据)
          wx.request({
            url: app.globalData.url + "/api/interview/queryFilePath",
            data: {
              id: id
            },
            method: 'POST',
            header: { "content-type": "application/x-www-form-urlencoded" },
            success: function (res) {
              console.log(res.data)
              that.setData({
                path: res.data.path,
                type: res.data.type
              })
              //下载简历
              wx.downloadFile({
                url: app.globalData.url + that.data.path,
                success: function (res) {
                  var filePath = res.tempFilePath
                  console.log(filePath)
    
                  //预览简历
                  wx.openDocument({
                    filePath: filePath,
                    fileType: that.data.type,
                    success: function (res) {
                      console.log("打开文档成功")
                      console.log(res);
                    },
                    fail: function (res) {
                      console.log("fail");
                      console.log(res)
                    },
                    complete: function (res) {
                      console.log("complete");
                      console.log(res)
                    }
                  })
                },
                fail: function (res) {
                  console.log('fail')
                  console.log(res)
                },
                complete: function (res) {
                  console.log('complete')
                  console.log(res)
                }
              })
            }
          })
        }
      },
    
    展开全文
  • 微信小程序文件预览 微信小程序文件预览需要先使用wx.downloadFile下载文件,然后使用下载文件的临时路径通过wx.openDocument进行文件的预览 项目中,有的需要打开pdf 来阅读信息。就需要用小程序自带的api...

    微信小程序的文件预览

    微信小程序的文件预览需要先使用wx.downloadFile下载文件,然后使用下载文件的临时路径通过wx.openDocument进行文件的预览

    项目中,有的需要打开pdf 来阅读信息。就需要用小程序自带的api方法。

    wxml代码:

    <button  bindtap='preview'>工作简历预览</button>

    js代码: 

    //简历预览
    
      preview: function () {
    
        var that = this;
    
        console.log("简历预览")
    
         
    
    //这里的value是先在data里面初始化,然后我根据用户切换单选框,获取的简历文件的主键id
    
        console.log(this.data.value)
    
        var id = that.data.value;
    
    
    
        if (id == "") {
    
          wx.showModal({
    
            title: '',
    
            content: '请选择一份简历',
    
            showCancel: false,
    
            confirmColor: "#FFB100"
    
          })
    
        } else {
    
    
    
          //先通过简历的主键id,查询简历路径(大家可以根据自己的需求来传数据)
    
          wx.request({
    
            url: app.globalData.url + "/api/interview/queryFilePath",
    
            data: {
    
              id: id
    
            },
    
            method: 'POST',
    
            header: { "content-type": "application/x-www-form-urlencoded" },
    
            success: function (res) {
    
              console.log(res.data)
    
              that.setData({
    
                path: res.data.path,
    
                type: res.data.type
    
              })
    
              //下载简历
    
              wx.downloadFile({
    
                url: app.globalData.url + that.data.path,
    
                success: function (res) {
    
                  var filePath = res.tempFilePath
    
                  console.log(filePath)
    
    
    
                  //预览简历
    
                  wx.openDocument({
    
                    filePath: filePath,
    
                    fileType: that.data.type,
    
                    success: function (res) {
    
                      console.log("打开文档成功")
    
                      console.log(res);
    
                    },
    
                    fail: function (res) {
    
                      console.log("fail");
    
                      console.log(res)
    
                    },
    
                    complete: function (res) {
    
                      console.log("complete");
    
                      console.log(res)
    
                    }
    
                  })
    
                },
    
                fail: function (res) {
    
                  console.log('fail')
    
                  console.log(res)
    
                },
    
                complete: function (res) {
    
                  console.log('complete')
    
                  console.log(res)
    
                }
    
              })
    
            }
    
          })
    
        }
    
      },

     

     

     

    展开全文
  • 微信小程序文件预览(doc、ppt、pdf)

    万次阅读 2019-04-22 11:23:14
    url: filePath, //文件路径 header: {}, success: function (res) { console.log(res) var filePath = res.tempFilePath; console.log(filePath); wx.openDocument({ filePath: filePath...

    wx.downloadFile({

    url: filePath,      //文件路径

    header: {},

    success: function (res) {

    console.log(res)

    var filePath = res.tempFilePath;

    console.log(filePath);

    wx.openDocument({

    filePath: filePath,

    fileType: type,   //文件类型

    success: function (res) {

    console.log('打开文档成功')

    },

    fail: function (res) {

    console.log(res);

    },

    complete: function (res) {

    console.log(res);

    }

    })

    },

    fail: function (res) {

    console.log('文件下载失败');

    },

    complete: function (res) { },

    })

    展开全文
  • 微信小程序文件预览,供大家参考,具体内容如下 微信小程序文件预览需要先使用wx.downloadFile下载文件,然后使用下载文件的临时路径通过wx.openDocument进行文件的 预览 wxml代码: <button bindtap='...
  • 微信小程序打开预览下载的文件

    万次阅读 2018-06-13 22:08:05
    微信小程序开发交流qq群 173683895 承接微信小程序开发。扫码加微信。 使用 wx.openDocument(obj) 方法预览 wx.downloadFile({ url: 'http://example.com/somefile.pdf', success: function (res) { var ...

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

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

     

    使用 wx.openDocument(obj) 方法预览

    wx.downloadFile({
      url: 'http://example.com/somefile.pdf',
      success: function (res) {
        var filePath = res.tempFilePath
        wx.openDocument({
          filePath: filePath,
          success: function (res) {
            console.log('打开文档成功')
          }
        })
      }
    })

     

    打开预览文件乱码解决方法:

    在后台设置contenttype;(文件类型)



    可以在小程序预览了

    展开全文
  • 微信小程序预览PDF文件

    千次阅读 2020-02-26 15:20:56
    微信小程序直接预览PDF文件 官方文档:https://developers.weixin.qq.com/miniprogram/dev/api/wx.openDocument.html 代码: //打开pdf文件 wx.showLoading({ title: '加载中...', }) wx.downloadFile({...
  • 只要确保真机调试和调试状态下可以下载并预览文件即可,上线后即可预览成功
  • web项目PC端和移动端H5,微信小程序在线预览base64格式的pdf文件 本人项目实用实测可行
  • 微信小程序文件系统参考官方文档:微信小程序文档 我们主要是把后端接口获取到的pdf二进制流,下载保存到微信的本地用户文件,下载后预览再删掉,因为本地用户文件每个用户只有200M,所以预览后删掉。 二、小程序...
  • url: 'https://myqcloud.com/itpmp/itpmp.pdf', //要预览的PDF的地址 // filePath: `${wx.env.USER_DATA_PATH}`, header: { // HTTP 请求的 Header,Header 中不能设置 Referer keyid: "0f1f8ff9-e2d7-4513-831...
  • 微信小程序预览word,excel,doc文件Demo代码,下载代码直接使用微信小程序打开运行即可,可以使用微信小程序对应的真机调试进行测试预览功能
  • 微信小程序 openDocument 预览文件

    千次阅读 2017-03-02 17:28:00
    wx.openDocument 官方文档里写着需要一个叫 filePath 的参数,表示文件路径,需要通过 downFile 获得。 所以,要使用 openDocument 得先使用 downloadFile . 其实 downloadFile 不是下载文件到本地,只是建立了一...
  • 微信小程序在线预览PDF格式文件

    千次阅读 2020-10-20 16:34:02
    当初开发这个功能时,网上一堆说苹果和安卓平台不一样,代码不一样,亲测一套代码安卓和苹果都可以打开预览,完全没问题,安卓也没有提示下载,改改传参直接用 wxml <web-view src="{{reportUrl}}" wx:if="{{...
  • 如果你的小程序是公司主体,会多出一个业务域名的设置选项。设置好域名后,再使用web-view打开对应的文件就可以了。<web-viewsrc="{{url}}">web-view>要注意文件路径中不能含有中文,否则会无法正确打开。...
  • 微信小程序pdf预览

    万次阅读 2018-09-07 11:50:00
    方法一 web-view下,可以直接通过a标签设置src <...">查看</a>...1、必须是以https开头,http在小程序中无法打开;...2、需要在小程序中设置好业务域名 3、ios可以直接打开预览,安卓必...
  • 说起小程序的图片预览,不仅心力交瘁…其中不仅有我不认真阅读文档的错误,还有一些未知因素(呵呵) 新版小程序,增加了wx.previewImage,这是个API,很NB。 先看看 小程序官方文档 中是怎么说的: wx....
  • 微信小程序上传及预览文件

    千次阅读 2021-02-08 17:41:38
    提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 ...下面附上其可用属性以及可打开的文件类型二、预览文件的实现代码以上就是微信小程序中上传文件预览文件的方法,这些在微信官方文档中都
  • 微信小程序预览文件

    2020-02-05 17:12:23
    js代码 showloadFile: function(e) { wx.showLoading({ title: '加载中...', }); let url = e....//线上文件路径 //判断文件类型 let ext = url.substr(url.lastIndexOf(".")).replace('.', '');...
  • 微信小程序预览文档解决方案 微信小程序中有预览文档的API,但缺点是只能预览固定的几种格式,如下所示 官方文档地址:wx.openDocument() 如果需求是打开一个.txt文档,这种方法就行不通了,那么怎么办呢? 当然是...
  • 微信小程序放大预览

    千次阅读 2018-05-07 11:09:22
    wxml代码: < block wx:for = "{{listData.photo}}"> ...//图片预览 wx.previewImage({ current: src, // 当前显示图片的http链接 urls: imgLists // 需要预览的图片http链接列表 }) },
  • 在开发微信小程序的过程中,我们需要实时预览代码呈现的效果。在默认的情况下,每次保存编译之后,展现的都是/pages/index/index页面,而不是我们期望预览的页面,需要手动进行点击...
  • 微信小程序上传图片,进行预览并上传至后台。 目录1、效果图2、小程序前端3、后台(JAVA-SpringBoot) 1、效果图 2、小程序前端 1)WXML文件 <!--pages/user/edit/record_edit/record_edit.wxml--> <view...
  • 将html文件转为微信小程序使用的文件 转化规则 将以下标签转化为view body,article,aside,ul,li,ol,caption,dd,dl,dt,footer,header,nav,section,table,thead,tbody,tr,td,th,h1,h2,h3,h4,h5,h6,div,p 将img转化...
  • 微信小程序 点击预览单个图片

    千次阅读 2019-07-07 22:41:07
    wxml文件 <view> <image class='img' src='{{img}}' bindtap='previewImage' data-src="{{img}}"></image> </view> js文件 data: { img:'...
  • 知乎日报微信小程序 微信小程序开发文档 https://mp.weixin.qq.com/debug/wxadoc/dev/?t=20161107 使用步骤 下载微信小程序开发工具 微信小程序注册申请 ,获取AppID(手机预览需用到) 服务器配置 ,添加合法域名,...
  • 做任何程序开发要首先找到...这里就是做微信小程序开发的全部官方文档。 知道了文档的位置,下面我们来介绍下如何做一个微信小程序开发: 第一步: 下载微信小程序开发者工具并安装,下载路径: https://mp.weix...
  • 其中一个微信小程序通过预览或通过真机调试过程中,电脑会出现蓝屏的情况,使用其他微信小程序则不会,通过两个小程序对比和从网上查找资料得知,是因为该微信小程序的图片太多或图片大小太大,使其文件大小过大**,...
  • 个人微信认证小程序,无法嵌入html网页。那这样子的话怎么实现微信小程序预览pdf呢? 请教大神
  • 微信小程序中出现最多的一个问题,就是真机跟本地不同:我简单列举一些我发现的原因,给大家参考,大家也可以把自己发现的东西回复给我,给我参考: 本地看不到数据,就先让本地能看到数据,再看本帖。。。。 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 11,121
精华内容 4,448
关键字:

微信小程序文件预览

微信小程序 订阅