uni-file-picker 实现拖拽

要实现拖拽，可以结合 uni-draggable 组件和 uni-file-picker 组件，uni-draggable 组件提供了拖拽功能，可以通过以下步骤实现：

1. 在页面中引入 uni-file-picker 和 uni-draggable 组件，例如：

<template>
  <view>
    <uni-file-picker :count="count" @success="onSuccess"></uni-file-picker>
    <uni-draggable :list="images" @change="onChange">
      <view v-for="(item, index) in images" :key="index" class="image-item">
        <uni-image :src="item" mode="aspectFit"></uni-image>
      </view>
    </uni-draggable>
  </view>
</template>

2. 在 data 中定义 images 数组，用于存放图片地址：

data() {
  return {
    images: [
      'https://xxx.com/image1.jpg',
      'https://xxx.com/image2.jpg',
      'https://xxx.com/image3.jpg'
    ],
    count: 9
  }
}

3. 在 methods 中定义 onSuccess 方法，用于在选择图片成功后将图片地址添加到 images 数组中：

methods: {
  onSuccess(files) {
    files.forEach(file => {
      this.images.push(file.path)
    })
  }
}

4. 在 methods 中定义 onChange 方法，用于在拖拽后更新 images 数组的顺序：

methods: {
  onChange(event) {
    this.images = event.list
  }
}

5. 在样式中设置 .image-item 的样式，用于显示图片，并设置 position: absolute 和 left/top 属性使其可以拖拽：

<style>
  .image-item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 100px;
  }
</style>

6. 最后，可以根据需要设置 count 属性，限制用户最多可以选择多少张图片。

注意：为了保证用户体验，建议在选择图片后再显示 uni-draggable 组件，否则用户在选择图片时可能会感觉卡顿。