wx.chooseImage如何显示图片大小

wx.chooseImage 是微信小程序中用于选择图片的 API，它并不能直接显示图片大小。该 API 的作用是打开系统相册或相机，让用户选择或拍摄一张图片。

要获取选择的图片的大小，你可以在选择成功后，通过 wx.getImageInfo 获取图片信息，包括图片的宽度和高度，从而间接地判断图片的大小。示例代码如下：

wx.chooseImage({
  success: function(res) {
    var tempFilePaths = res.tempFilePaths;
    wx.getImageInfo({
      src: tempFilePaths[0],
      success: function(res) {
        console.log('图片宽度：' + res.width);
        console.log('图片高度：' + res.height);
      }
    });
  }
});

上述代码中，我们通过调用 wx.chooseImage 选择图片，并在选择成功后获取图片的临时文件路径。然后，通过调用 wx.getImageInfo 获取该图片的信息，包括宽度和高度。你可以根据需要使用这些信息来判断图片的大小。

相关问题

wx.chooseImage如何显示图片占多少M

wx.chooseImage 是小程序中用于选择图片的 API。它并不能直接显示图片占用的大小（以 M 为单位），但你可以通过以下步骤来获取图片文件的大小信息：

1. 在调用 wx.chooseImage 选择图片后，会返回一个本地临时文件路径的数组，假设为 tempFilePaths。
2. 使用 wx.getFileInfo 接口获取文件信息，传入参数为图片文件的临时路径，如 wx.getFileInfo({filePath: tempFilePaths})。
3. 在获取文件信息成功的回调函数中，可以通过 res.size 获取图片文件的大小，单位是字节（B）。
4. 如果需要将字节数转换为兆字节（MB），可以使用 res.size / (1024 * 1024)。

注意：在获取文件信息之前，需要确保选择的图片已经上传成功或存在本地临时路径。此外，wx.getFileInfo 是异步操作，需要在回调函数中处理获取到的文件大小信息。

希望以上信息能对你有所帮助！如需进一步了解，请查阅微信开发者文档中有关 wx.chooseImage 和 wx.getFileInfo 的详细说明。

uni.uploadFile和uni.chooseImage上传图片变形

根据引用中的代码，可以看出选择图片后，通过使用`uni.createCanvasContext`创建画布上下文，然后使用`ctx.drawImage`方法将选择的图片绘制在画布上，指定绘制的位置和大小。最后使用`ctx.draw`方法将图片绘制到画布上。

而根据引用中的说明，`uni.createCanvasContext`方法的第二个参数可以指定在哪个自定义组件下查找拥有指定canvas-id的画布，如果省略则不在任何自定义组件内查找。

根据以上分析，可以得出结论：`uni.uploadFile`和`uni.chooseImage`上传图片不会导致图片变形。图片变形可能是由于在绘制图片时指定的位置和大小不正确导致的。可以根据需要调整`ctx.drawImage`方法中的位置和大小参数，以保持图片的比例和正确的显示效果。<span class="em">1</span><span class="em">2</span>
#### 引用[.reference_title]
- *1* *2* [wx 小程序基于canvas压缩图片](https://blog.csdn.net/hbiao68/article/details/102816433)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]