文件上传和下载

• 文件的上传和下载需要网络的支持，所以对应的API归类在网络
• 通常借助中间件|第三方，如 multer、formidable，配合API实现
• 通常先选择再上传

wx.chooseMedia(Object object)

• 拍摄或从手机相册中选择图片或视频
• 可以指定图片的个数 count、类型 mediaType、来源 sourceType、压缩 sizeType等；一般保持默认即可
• [] 定制头像
• 点击选择头像并渲染 - img 是数据，和视图中的 <image> 绑定；在绑定事件中选择并解析出图片临时地址
• 这个临时地址就是上传的依据

wx.chooseMedia({
    count: 1,
    success: res => {
        this.setData({
            img:res.tempFiles[0].tempFilePath
        })
    },
    fail: err => console.log(err),
    complete: () => console.log('choose media done')
})

wx.uploadFile(Object object)

• 文件上传
• 发起一个 POST 请求，将本地资源上传到服务器
• 请求头 header：指定 content-type 为 multipart/form-data
• 名字 name：为 avatar，供 multer 识别路由
• 文件路径 filePath：要上传的图片路径，可以从 wx.chooseMedia() 中获取

wx.uploadFile({
    filePath: 'img path',
    name: 'avatar',
    url: 'http://127.0.0.1:3000/avatar',
    header: {
        'content-type': 'multipart/form-data'
    },
    success: res => console.log(res),
    fail: err => console.log(err),
    complete: () => console.log('upload done logging')
})

wx.downloadFile(Object object)

• 文件下载 - 下载文件资源到本地
• 返回一个临时地址，并不是直接下载到本地，而是由用户通过预览的方式，确认进一步操作
• 客户端直接发起一个 HTTPS GET 请求，返回文件的本地临时路径 (本地路径)，单次下载允许的最大文件为 200MB
• 更多信息，请访问

wx.previewImage(Object object)

• 在新页面中全屏预览图片
• 预览的过程中用户可以进行保存图片、发送给朋友等操作
• 以数组的形式，给出需要预览图片的地址列表

wx.previewImage({
    urls: []
})

wx.previewMedia(Object object)

• 预览图片或视频
• 默认是图片