回答

微信小程序可以使用 movable-view 组件结合 wx.uploadFile API 实现图片批量上传和拖动排序功能。

大致步骤如下：

图片选择和上传：利用 wx.chooseImage API 选择多张图片。使用 wx.uploadFile API 将选择的图片上传到服务器，并保存图片路径到数组中。图片展示和排序：使用 wx.getImageInfo 获取图片的宽高信息，用于设置合适的图片显示尺寸。使用 movable-view 组件包裹图片，并设置 movable-class 和 movable-view-container 样式，以实现拖动效果。在 movable-view 的 change 事件中更新图片数组的顺序，以反映拖动后的排序。保存排序结果：在用户确认排序后，将排序后的图片路径数组发送到服务器保存。

以下是一个简单的示例代码：

<view class="container">
  <view class="upload-btn" bindtap="chooseImage">选择图片</view>
  <view class="image-list">
    <movable-area class="movable-area">
      <movable-view 
        wx:for="{{imageList}}" wx:key="index" 
        class="movable-view" 
        direction="all" 
        data-index="{{index}}"
        bindchange="onChange">
        <image src="{{item.url}}" mode="aspectFill" />
      </movable-view>
    </movable-area>
  </view>
  <button bindtap="onSave">保存排序</button>
</view>

Page({
  data: {
    imageList: [] // 存储图片信息的数组
  },
  chooseImage() {
    // ... 选择图片并上传，将图片信息保存到 imageList 数组中
  },
  onChange(e) {
    const { index } = e.currentTarget.dataset;
    const newList = [...this.data.imageList];
    const [movedItem] = newList.splice(index, 1);
    newList.splice(e.detail.x, 0, movedItem);
    this.setData({ imageList: newList });
  },
  onSave() {
    // ... 将排序后的 imageList 数组发送到服务器
  }
});

一些需要注意的点：

图片上传和排序可以使用第三方库来简化开发，例如 weui-uploader 和 movable-view 相关的库。在拖动过程中，可以使用动画效果提升用户体验。可以根据实际需求，添加图片删除、编辑等功能。