download.ts 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. const download0 = (data: Blob, fileName: string, mineType: string) => {
  2. // 创建 blob
  3. const blob = new Blob([data], { type: mineType })
  4. // 创建 href 超链接,点击进行下载
  5. window.URL = window.URL || window.webkitURL
  6. const href = URL.createObjectURL(blob)
  7. const downA = document.createElement('a')
  8. downA.href = href
  9. downA.download = fileName
  10. downA.click()
  11. // 销毁超连接
  12. window.URL.revokeObjectURL(href)
  13. }
  14. const download = {
  15. // 下载 Excel 方法
  16. excel: (data: Blob, fileName: string) => {
  17. download0(data, fileName, 'application/vnd.ms-excel')
  18. },
  19. // 下载 Word 方法
  20. word: (data: Blob, fileName: string) => {
  21. download0(data, fileName, 'application/msword')
  22. },
  23. // 下载 Zip 方法
  24. zip: (data: Blob, fileName: string) => {
  25. download0(data, fileName, 'application/zip')
  26. },
  27. // 下载 Html 方法
  28. html: (data: Blob, fileName: string) => {
  29. download0(data, fileName, 'text/html')
  30. },
  31. // 下载 Markdown 方法
  32. markdown: (data: Blob, fileName: string) => {
  33. download0(data, fileName, 'text/markdown')
  34. },
  35. // 下载图片(允许跨域)
  36. image: ({
  37. url,
  38. canvasWidth,
  39. canvasHeight,
  40. drawWithImageSize = true
  41. }: {
  42. url: string
  43. canvasWidth?: number // 指定画布宽度
  44. canvasHeight?: number // 指定画布高度
  45. drawWithImageSize?: boolean // 将图片绘制在画布上时带上图片的宽高值, 默认是要带上的
  46. }) => {
  47. const image = new Image()
  48. // image.setAttribute('crossOrigin', 'anonymous')
  49. image.src = url
  50. image.onload = () => {
  51. const canvas = document.createElement('canvas')
  52. canvas.width = canvasWidth || image.width
  53. canvas.height = canvasHeight || image.height
  54. const ctx = canvas.getContext('2d') as CanvasRenderingContext2D
  55. ctx?.clearRect(0, 0, canvas.width, canvas.height)
  56. if (drawWithImageSize) {
  57. ctx.drawImage(image, 0, 0, image.width, image.height)
  58. } else {
  59. ctx.drawImage(image, 0, 0)
  60. }
  61. const url = canvas.toDataURL('image/png')
  62. const a = document.createElement('a')
  63. a.href = url
  64. a.download = 'image.png'
  65. a.click()
  66. }
  67. }
  68. }
  69. export default download