微信小程序上传文件及预览

要在微信小程序中上传文件，你可以使用 `wx.chooseImage` 或 `wx.chooseFile` 方法来上传图片或其他文件。

1. `wx.chooseImage` 方法可以让用户选择图片并上传至服务器，代码示例：

wx.chooseImage({
  count: 1, // 最多可以选择的图片张数，默认1张
  sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
  sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
  success: function (res) {
    // 返回选定照片的本地文件路径列表，tempFilePaths可作为img标签的src属性显示图片
    var tempFilePaths = res.tempFilePaths; 
    wx.uploadFile({
      url: '服务器地址', // 上传接口地址
      filePath: tempFilePaths[0], // 上传文件路径
      name: 'file', // 上传文件名称
      success: function (res) {
        // 上传成功后的处理逻辑
      }
    })
  }
})

2. `wx.chooseFile` 方法可以让用户选择文件并上传至服务器，代码示例：

wx.chooseFile({
  success(res) {
    // 选择文件后的处理逻辑
    wx.uploadFile({
      url: '服务器地址', // 上传接口地址
      filePath: res.tempFilePaths[0], // 上传文件路径
      name: 'file', // 上传文件名称
      success: function (res) {
        // 上传成功后的处理逻辑
      }
    })
  }
})

要预览上传的图片或文件，可以使用 `wx.previewImage` 方法来预览图片，代码示例：

wx.previewImage({
  current: '当前图片的url', // 当前显示图片的链接，不填则默认为urls的第一张
  urls: ['图片1的url', '图片2的url'] // 需要预览的图片链接列表
})

对于其他类型的文件，可以使用 `wx.openDocument` 方法来打开预览，代码示例：

wx.openDocument({
  filePath: '文件的本地路径',
  success: function (res) {
    // 打开文档成功的处理逻辑
  }
})