微信小程序文件类 API 全面详细解析指南

why 258 2024-09-04

本文主要和大家分享微信小程序文件类API详解,希望能帮助到大家。

一.小知识

1.wx.saveFile(OBJECT):保存文件到本地。

image.png

1

2

3

4

5

6

7

8

9

10

11

wx.chooseImage({

  success: function(res) {

    var tempFilePaths = res.tempFilePaths

    wx.saveFile({

      tempFilePath: tempFilePaths[0],

      success: function(res) {

        var savedFilePath = res.savedFilePath

      }

    })

  }

})

2.wx.getSavedFileList(OBJECT):获取本地已保存的文件列表

image.png

1

2

3

4

5

wx.getSavedFileList({

  success: function(res) {

    console.log(res.fileList)

  }

})

3.wx.getSavedFileInfo(OBJECT):获取本地文件的文件信息

image.png

1

2

3

4

5

6

7

wx.getSavedFileInfo({

  filePath: 'wxfile://somefile', //仅做示例用,非真正的文件路径

  success: function(res) {

    console.log(res.size)

    console.log(res.createTime)

  }

})

4.wx.removeSavedFile(OBJECT):删除本地存储的文件

image.png

1

2

3

4

5

6

7

8

9

10

11

12

wx.getSavedFileList({

  success: function(res) {

    if (res.fileList.length > 0){

      wx.removeSavedFile({

        filePath: res.fileList[0].filePath,

        complete: function(res) {

          console.log(res)

        }

      })

    }

  }

})

5.wx.openDocument(OBJECT):新开页面打开文档,支持格式:doc, xls, ppt, pdf, docx, xlsx, pptx

image.png

1

2

3

4

5

6

7

8

9

10

11

12

wx.downloadFile({

  url: 'http://example.com/somefile.pdf',

  success: function (res) {

    var filePath = res.tempFilePath

    wx.openDocument({

      filePath: filePath,

      success: function (res) {

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

      }

    })

  }

})

二.列子

3.wx.getSavedFileInfo(OBJECT):获取本地文件的文件信息

1

2

3

4

5

<view class="container">

    <button type="primary" bindtap="upload">上传文件</button>

    <text>文件的路径:{{ path}}px</text>

    <text>文件大小:{{filesize}}</text>

</view>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

//获取应用实例

var app = getApp()

Page({

    data:{

        path:&#39;&#39;,

        filesize:0,

    },

    upload:function(){

        var that=this

        wx.chooseImage({

            count: 1,

            sizeType: [&#39;original&#39;, &#39;compressed&#39;],// 可以指定是原图还是压缩图,默认二者都有

            sourceType: [&#39;album&#39;, &#39;camera&#39;],  // 可以指定来源是相册还是相机,默认二者都有

            success: function (res) {

                var tempFilePaths = res.tempFilePaths;

                console.log(tempFilePaths)

                wx.getSavedFileInfo({

                    filePath:res.tempFilePaths[0], //仅做示例用,非真正的文件路径

                    success: function(res) {

                        that.setData({

                            filesize:res.size,

                        })

                    }

                })

                that.setData({

                    path:tempFilePaths

                }) 

            }

        })

    }

})

image.png

5.wx.openDocument(OBJECT):打开文档

1

2

3

<view class="container">

    <button type="primary" bindtap="upload">打开文件</button>

</view>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

//获取应用实例

var app = getApp()

Page({

    data:{

        path:&#39;&#39;,

    },

    upload:function(){

        var that=this

        wx.downloadFile({

            url: &#39;http://192.168.56.1/sino-ui/www.941in.com.hk/m.v1/o.pptx&#39;,//文件的在本地的路径

            success: function (res) {

                var filePath = res.tempFilePath

                wx.openDocument({

                    filePath: filePath,

                    success: function (res) {

                        console.log(&#39;打开文档成功&#39;)

                    }

                })

            }

        })

    }

})

这个文件的路径,必须是http或是Https,不能使url: 'D:/WWW/sino-ui/www.941in.com.hk/m.v1/o.pptx',

image.png



版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:微信小程序实现图片上传功能的方法详解
下一篇:微信小程序最简 Demo 示例及详细介绍
相关文章

 发表评论

暂时没有评论,来抢沙发吧~