uni-app uni.chooseImage 选择图片后 编辑问题

uni-app uni.chooseImage 选择图片后 编辑问题

22 回复

附件能看见吗?我这里咋不显示…

更多关于uni-app uni.chooseImage 选择图片后 编辑问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html


我这里也看不见附件

Android我这边测试正常,麻烦上传一下出现问题的原图

录屏看不见???

回复 DCMarvel: 图片就是相机拍摄的图片

回复 DCMarvel: 设备详细信息麻烦提供一下

回复 DCloud_Android_zl: 测试设备 redmi note5 Android 9 MIUI12.0 以及各种Android 模拟器

这是Android 录屏 代码就是附件代码

选择编辑后 app 隐藏 ,图片编辑Active 激活,但是是黑屏 无法操作

iOS版本文字无法显示 有反馈的额链接吗?

什么反馈链接

回复 DCMarvel: 你说iOS的 文字无法显示? 是bug吗?有反馈过?链接发一下

回复 天生DR: 是BUG ,我反馈不是在回复里就是在QQ里,具体忘了,没单独发BUG帖,在这里集中发的,看不见录屏视频吗?

回复 DCMarvel: 需要单独发一个BUG贴吗 还能加50分 0.0

回复 DCMarvel: 我这试了 没问题啊 我试了全键盘和九宫格的输入法 你这个是系统输入法还是第三方的键盘?

回复 天生DR: ios 12.1.2 系统输入法,不过我发现输入文字直接完成是不显示的,如果输入一个换行,在点完成,就会显示(包括换行)

回复 DCMarvel: 我手边没有12.1.2 的设备 我试了iOS14.7.1 6sp 和 iOS15.2 不输入换行也可以啊 你手边还有其他iOS设备吗 试一下

回复 天生DR: 恩 ,编辑没有也行.增加一个是否显示的可选项

回复 DCMarvel: 5+ 有参数控制 uni没有封装 用5+ 控制吧 https://www.html5plus.org/doc/zh_cn/gallery.html#plus.gallery.GalleryOptions

这是IOS录屏视频

新的IOS录屏视频

在uni-app中使用uni.chooseImage选择图片后,若需进一步编辑,可通过以下方案实现:

  1. 图片裁剪:推荐使用uni-app官方插件市场的图片裁剪组件,如uni-cropper。安装后,在uni.chooseImagesuccess回调中获取临时路径,传递给裁剪组件进行编辑。

  2. 压缩处理:若需调整图片大小或质量,可使用uni.compressImage API进行压缩,支持设置压缩质量、尺寸等参数。

  3. 滤镜或标注:可集成第三方Canvas库(如fabric.js)或使用uni.createCanvasContext手动绘制,实现滤镜、涂鸦等功能。

  4. 注意事项

    • 编辑后的图片需通过uni.saveFile保存为永久路径,避免临时文件失效。
    • 小程序端部分API存在平台差异,建议测试兼容性。

示例代码片段:

uni.chooseImage({
  success: (res) => {
    const tempPath = res.tempFilePaths[0];
    // 调用裁剪组件或压缩API
    uni.compressImage({
      src: tempPath,
      quality: 80,
      success: (compressedRes) => {
        console.log('压缩后路径:', compressedRes.tempFilePath);
      }
    });
  }
});
回到顶部