小程序js图片输出img

小程序（微信小程序）中的 JavaScript 图片输出通常通过HTML的`<img>`标签来实现。要显示一张图片，你需要编写类似这样的代码：

// 引入需要的 wx模块，它是微信小程序提供的API
const wx = require('wx');

// 定义图片路径，可以是本地资源或者是网络地址
var imgPath = "images/your_image.jpg"; // 请替换为实际图片文件路径

// 使用wx.createSelectorQuery()创建查询实例
let query = wx.createSelectorQuery();

// 添加选择器并执行获取节点的操作
query.select('#imageContainer').boundingClientRect(); // '#imageContainer' 是你要放置图片的容器ID
query.exec((res) => {
  // 获取到容器尺寸后，设置图片的宽高，防止图片变形
  let containerWidth = res[0].width;
  let containerHeight = res[0].height;
  
  // 设置图片组件
  var img = wx.createImage({
    src: imgPath,
    dataUrl: '', // 如果是网络图片，可以填空或者设置成服务器返回的data-url
    success: function(res) {
      // 当图片加载成功后，调整大小
      img.setResizeMode('cover');
      img.resizecontain(imgPath, containerWidth, containerHeight);
      // 添加图片到页面
      wx.getImageManager().previewImage({
        current: imgPath, // 当前展示的图片路径
        urls: [imgPath], // 需要预览的图片数组
        container: '#imageContainer', // 显示图片的容器id
        success: function() {
          // 图片已显示
        }
      });
    },
    fail: function() {
      console.log('图片加载失败');
    }
  });
});

别忘了在对应的WXML文件中添加用于显示图片的`<view id="imageContainer">...</view>`。