特别说明：本文章因业务组件功能，不完全开放/暂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: