uni.previewImage 如何监听 手机旋转方向

在 uniApp 中，`uni.previewImage` 是用于打开图片预览功能的API，但它本身并不直接提供监听手机旋转方向的功能。然而，你可以结合使用 uniapp 的其他事件处理机制，如 `window.addEventListener('orientationchange', callback)`，来实现这个需求。

在图片预览的过程中，你可以先在预览开始时添加一个orientationchange事件监听器，并保存当前的屏幕方向。然后在回调函数中检查新接收到的屏幕方向，如果与之前不同，就可以调整预览的图片显示方式以适应新的方向。

以下是一个简化的例子：

// 预览图片函数
previewImage(imageUrl) {
  // 初始化预览并保存初始方向
  this.currentOrientation = uni.getSystemInfoSync().screen.orientation.type;

  uni.previewImage({
    srcList: [imageUrl],
    success: function(res) {
      const previewDom = res.from;
      if (previewDom) {
        // 添加orientationchange事件监听
        window.addEventListener('orientationchange', () => {
          const newOrientation = uni.getSystemInfoSync().screen.orientation.type;
          if (newOrientation !== this.currentOrientation) {
            // 根据新方向调整图片显示
            // 示例：这里仅改变图片的旋转角度
            previewDom.style.transform = `rotate(${newOrientation === 'portrait' ? '-90deg' : '0deg'})`;
            this.currentOrientation = newOrientation;
          }
        });

        // 清理函数以防止内存泄漏
        uni.removeGlobalEventListeners('orientationchange', this.handleOrientationChange);
      }
    },
  });
}

// 事件处理函数
handleOrientationChange() {
  // 当取消预览时，移除监听器
  window.removeEventListener('orientationchange', this.handleOrientationChange);
}

在这个例子中，我们使用了 `uni.getSystemInfoSync().screen.orientation.type` 来获取当前的屏幕方向，然后在每次旋转后对比新旧方向，并相应地调整图片的旋转。在预览关闭时，记得要从全局事件处理器中移除监听器。