zy-wechat/tools/uploadFile.js

import { api_uploadAttachment } from "@/http/http.js"
/**
 * 压缩
 */
const toBlob = (canvas, imgObj) => {
  return new Promise((resolve,reject) => {
    canvas.toBlob((fileSrc) => {
      resolve(fileSrc)
    }, `${imgObj.fileType}/${imgObj.extname}`, 0.3)
  })
}
/**
 * 图片加载完成
 */
const newImage = (img) => {
  return new Promise((resolve,reject) => {
    img.onload = () => {
      resolve()
    }
  })
}
/**
 * 上传图片
 */
export const uploadFile = async (imgObj, type, incidentId) => {
  console.log('44444', type)
  if(imgObj.extname=='mp4' || imgObj.extname=='avi' || imgObj.extname=='mpeg' || 
    imgObj.extname=='wmv' || imgObj.extname=='mov' || imgObj.extname=='3gp' ||
    imgObj.extname=='flv' || imgObj.extname=='mkv'){
    return uni.uploadFile({
      url: api_uploadAttachment(type, incidentId),
      filePath: imgObj.path,
      name: 'file',
      formData: {
        'filename': imgObj.name
      }
    })
  }else{
    const res1 = await uni.getImageInfo({src: imgObj.url});
    const res = res1[1];
    console.log('压缩前', res)
    let canvasWidth = res.width //图片原始长宽
    let canvasHeight = res.height
    let img = new Image()
    img.src = res.path
    let canvas = document.createElement('canvas');
    let ctx = canvas.getContext('2d')
    canvas.width = canvasWidth
    canvas.height = canvasHeight
    await newImage(img)
    ctx.drawImage(img, 0, 0, canvasWidth, canvasHeight)
    
    const fileSrc = await toBlob(canvas, imgObj)
    let tp = window.URL.createObjectURL(fileSrc)
    console.log('压缩后', tp);
    return uni.uploadFile({
      url: api_uploadAttachment(type, incidentId),
      filePath: tp,
      name: 'file',
      formData: {
        'filename': imgObj.name
      }
    });
  }
  
}