特别说明：本文章因业务组件功能，不完全开放/暂vip可见，有需要者留言找博主！
ps：注意！！本效果为图片分割切割！！不是文档切割！！图片仅供参考！

效果图

父组件 / 上传图片页面（index）

写一个上传按钮即可，事件方法：

uni.chooseMessageFile({
   
  extension: [".jpg", ".png", ".jpeg"],
  success: (res) => {
   
    const paths = res.tempFiles.map((item) => item.path);
    uni.navigateTo({
   
      url: `/pages/document/detail?files=${
     paths}`,
    });
  },
});

上方跳转地址说明看下方组件页面：

子组件（detail）

<template>
  <view class="container">
    <view v-for="(item, index) in files" :key="index">
      <imageCutting :imgSrc="item" :currenIndex="index" ref="prints" />
    </view>
    <button @click="splitImageButtonClick">分割图片</button>
  </view>
</template>

<script>
import imageCutting from "./print.vue";
export default {
   
  components: {
   
    imageCutting,
  },
  data() {
   
    return {
   
      files: [], // 存放图片路径的数组
      splitResults: [], // 存放分割后图片路径的数组
    };
  },
  onLoad(option) {
   
    this.files = option.files.split(",");
  },
  methods: