uni-app 商米打印插件 - sofly 图片打印无效

发布于 1周前 作者 sinazl 来自 Uni-App

uni-app 商米打印插件 - sofly 图片打印无效

问题描述

// 将Canvas转换为Base64  
uni.canvasToTempFilePath({  
    x: 0, // 起点坐标  
    y: 0,  
    width: 600, // canvas 宽  
    height: 200, // canvas 高  
    canvasId: 'tableCanvas', // canvas id  
    success(res) {  
        const savedFilePath = res.tempFilePath //相对路径  
        const path = plus.io.convertLocalFileSystemURL(savedFilePath) //绝对路径  
        const fileReader = new plus.io.FileReader()  
        fileReader.readAsDataURL(path)  
        fileReader.onloadend = (res) => { //读取文件成功完成的回调函数  
            // console.log() //输出base64内容  
            _this.sunmiPrint.printBitmap({  
                base64:res.target.result,  
                align:1  
            })  
            _this.sunmiPrint.printBitmap({  
                url:"https://img1.baidu.com/it/u=1546227440,2897989905&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500",  
                align:1  
            })  
        }  
    }   
})

我是用这个插件打印图片的时候本地图片和base64图片数据打印都没有反应，也没有报错，只有使用网络图片url的形式才可以正常打印，这是为什么？

网络图片


Harmonyos Next教程
2 回复

遇到一样的问题，base64图片无法打印，请问解决了吗


针对您提到的uni-app中使用商米打印插件（sofly）进行图片打印无效的问题，这里提供一个基础的代码示例，以及可能的解决思路。请注意，由于具体的打印插件实现和版本可能有所不同，以下代码需要根据实际插件文档进行调整。

基础代码示例

首先，确保您已经在uni-app项目中正确引入了商米打印插件，并在manifest.json中配置了必要的权限和插件信息。

1. 引入插件

在pages/index/index.vue或其他需要使用打印功能的页面中，引入插件：

// 假设插件已经通过npm或其他方式安装并配置好
const soflyPrint = require('@/plugins/sofly-print.js'); // 路径根据实际情况调整

2. 图片打印功能实现

export default {
  methods: {
    printImage() {
      const imagePath = '/static/images/sample.png'; // 图片路径，可以是本地路径或网络URL

      soflyPrint.initPrinter().then(printer => {
        soflyPrint.printImage(printer, imagePath).then(result => {
          console.log('打印成功:', result);
        }).catch(error => {
          console.error('打印失败:', error);
        });
      }).catch(error => {
        console.error('打印机初始化失败:', error);
      });
    }
  }
}

解决思路

  1. 检查图片路径：确保图片路径正确无误，如果是网络图片，需要确认图片URL可访问。

  2. 插件版本兼容性：检查sofly-print插件的版本是否与您的uni-app和商米设备兼容。

  3. 错误处理：增强错误处理逻辑，捕获并打印出更详细的错误信息，有助于定位问题。

  4. 插件文档：仔细阅读插件官方文档，确保按照文档要求正确调用API。

  5. 设备支持：确认商米设备支持图片打印功能，以及是否需要特定的纸张或设置。

  6. 示例代码：参考插件提供的示例代码，确保实现方式与示例一致。

  7. 调试工具：使用uni-app的调试工具或商米设备的调试日志，查看打印过程中的详细日志信息。

如果上述方法仍然无法解决问题，建议联系插件开发者或商米技术支持获取进一步帮助。

回到顶部