uniapp小程序上传图片自适应

在uniapp小程序中，可以通过以下几种方式实现上传图片自适应：

1. 设置图片宽度为100%。

<uni-image mode="widthFix" src="{{ imgUrl }}" style="width: 100%;"></uni-image>

2. 使用flex布局，设置图片父容器为flex，子元素为flex-grow:1。

<view class="img-container">
  <uni-image mode="widthFix" src="{{ imgUrl }}"></uni-image>
</view>

.img-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.uni-image {
  flex-grow: 1;
  width: 100%;
  height: auto;
}

3. 通过计算图片宽高比，设置图片高度为100%。

<uni-image mode="widthFix" src="{{ imgUrl }}" style="width: 100%; height: {{ height }};"></uni-image>

computed: {
  height() {
    const width = this.imgWidth;
    const height = this.imgHeight;
    return `${750 / width * height}px`;
  }
},
methods: {
  getImageInfo() {
    uni.getImageInfo({
      src: this.imgUrl,
      success: res => {
        this.imgWidth = res.width;
        this.imgHeight = res.height;
      }
    });
  }
}

以上是三种常用的上传图片自适应的方法，可以根据具体需求选择适合自己的方式。