使用miniprogram-file-uploader上传需要分片的文件卡在 start upload chunks,上传一个不需要分片的文件倒是可以上传成功。

这种情况只在真机调试的时候出现，在模拟器上上传完全没问题。

文件代码基本拷贝miniprogram-file-uploader代码仓库中的例子。

这是真机调试的控制台信息截图

最开始的部分是使用这个控件进行图片上传，成功了，第二个部分是使用wx.upload上传一个9M多的视频也成功了，最后一个部分是使用这个控件进行视频上传，卡在这里不动了，并且右侧连接信息下面出现连接错误。

上传页面js代码

// pages/upload/upload.js
// 文件上传 参考 https://github.com/wechat-miniprogram/miniprogram-file-uploader/tree/0c69766a4c5c4a2a6194c4f80479aabe39121c5e
import Uploader from '../../miniprogram_npm/miniprogram-file-uploader/index'
const app = getApp()
const MB = 1024 * 1024
const HOST_IP = '192.168.31.27'
const MERGE_URL = `http://${HOST_IP}:5001/Plugin/WeAppApi/upload/merge`
const VERIFY_URL = `http://${HOST_IP}:5001/Plugin/WeAppApi/upload/verify`
const UPLOAD_URL = `http://${HOST_IP}:5001/Plugin/WeAppApi/upload/upload`
Page({


  /**
   * 页面的初始数据
   */
  data: {
    progress: 0,
    uploadedSize: 0,
    averageSpeed: 0,
    timeRemaining: Number.POSITIVE_INFINITY,
    testChunks: false,
    url: `http://${HOST_IP}:5001/upload/211206161410.mp4`
  },


  /**
   * 生命周期函数--监听页面加载
   */
  onLoad() {
    this.chunkSize = 5 * MB
  },


  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {


  },


  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {


  },


  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {


  },


  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {


  },


  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {


  },


  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {


  },


  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {


  },
  onTestChunksChange(e) {
    const value = e.detail.value
    this.data.testChunks = value
  },
  
  async chooseVideo() {
    this.reset()
    const {
      tempFilePath,
      size,
    } = await wx.chooseVideo({
      sourceType: ['album','camera'],
      compressed: false
    })
    console.log(tempFilePath)
    if (!Uploader.isSupport()) {
      wx.showToast({
        title: '分片上传在 2.10.0 版本以上支持',
        icon: 'none',
        duration: 3000
      })
      return
    }
    const uploader = new Uploader({
      tempFilePath,
      totalSize: size,
      fileName: tempFilePath,
      verifyUrl: VERIFY_URL,
      uploadUrl: UPLOAD_URL,
      mergeUrl: MERGE_URL,
      testChunks: this.data.testChunks,
      verbose: true
    })
    uploader.on('retry', (res) => {
      console.log('retry', res.url)
    })
    uploader.on('complete', (res) => {
      console.log('upload complete', res)
    })
    uploader.on('success', (res) => {
      console.log('upload success', res)
      this.setData({
        url: `http://${HOST_IP}:5001/${res.url}`
      })
    })
    uploader.on('fail', (res) => {
      console.log('upload fail', res)
    })
    uploader.on('progress', (res) => {
      this.setData({
        progress: res.progress,
        uploadedSize: parseInt(res.uploadedSize / 1024),
        averageSpeed: parseInt(res.averageSpeed / 1024),
        timeRemaining: res.timeRemaining
      })
    })
    uploader.upload()
    this.uploader = uploader
  },
  reset() {
    this.setData({
      progress: 0,
      uploadedSize: 0,
      averageSpeed: 0,
      timeRemaining: Number.POSITIVE_INFINITY,
    })
  },
  handleUpload() {
    this.uploader && this.uploader.upload()
  },
  handlePause() {
    this.uploader && this.uploader.pause()
  },
  handleResume() {
    this.uploader && this.uploader.resume()
  },
  handleCancel() {
    this.uploader && this.uploader.cancel()
  }
})