uni-app 希望chooseImage调用系统相册时 每行显示图片数量增加 目前每行仅显示三张图片太大太少

在uni-app中，chooseImage API 本身并不直接支持自定义相册每行显示的图片数量。相册的布局通常由系统相册应用控制，而不是由调用它的应用（如你的uni-app应用）来控制。不过，你可以在用户选择完图片后，通过自定义图片展示组件来实现每行显示更多或更少图片的效果。

以下是一个简单的示例，展示如何在用户选择图片后，自定义一个图片展示组件，每行显示更多图片。这里我们假设每行显示4张图片，你可以根据需要调整CSS样式来改变每行显示的图片数量。

1. 调用 chooseImage

首先，调用 chooseImage API 让用户选择图片：

uni.chooseImage({
  count: 9, // 允许选择图片的数量
  sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图
  sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机
  success: (res) => {
    const tempFilePaths = res.tempFilePaths;
    this.setData({
      selectedImages: tempFilePaths
    });
  }
});

2. 自定义图片展示组件

在页面的WXML文件中，自定义一个图片展示组件：

<view class="image-grid">
  <block wx:for="{{selectedImages}}" wx:key="index">
    <image class="grid-item" src="{{item}}" mode="aspectFill"></image>
  </block>
</view>

3. 添加CSS样式

在页面的WXSS文件中，添加样式来控制图片网格布局：

.image-grid {
  display: flex;
  flex-wrap: wrap;
}

.grid-item {
  width: 25%; /* 每行4张图片，所以每张图片占宽度的25% */
  padding: 2px;
  box-sizing: border-box;
}

.grid-item image {
  width: 100%;
  height: auto;
}

总结

通过上述代码，你可以在用户选择图片后，自定义一个图片展示组件，并通过CSS样式控制每行显示的图片数量。请注意，这种方法仅影响你的应用中图片展示的布局，而不影响系统相册的布局。

如果你确实需要改变系统相册的布局，那么这通常是不可能的，因为这超出了应用控制的范围。不过，你可以考虑引导用户使用支持更多自定义布局的图片管理应用。