代码片段分享,小程序上传图片

本文分享了在开发售后功能时实现小程序上传图片的实践经验。核心代码展示了一个正在调试的过程,通过console.log进行问题排查。在小程序调试器中观察到HTTP传输字段包括statuscode和cookie等,可能因文件上传方式不同导致。
摘要由CSDN通过智能技术生成

最近在做售后功能,页面如下:

需要做上传图片功能,上传图片的小程序核心代码:

const App = getApp();

Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 订单商品id
    order_id: null,

    statusBarHeight: 20,
    toBarHeight: 44,
    // 订单商品详情
    detail: {},

    // 图片列表
    imageList: [],

    // 服务类型
    serviceType: 10,

  },

  disable: false,

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {

    let _this = this;
        // 记录页面参数
        _this.data.order_id = options.order_id;
        _this.data.total_money = options.total_money;
        console.log(_this.data)
    //     var qqq = App.globalData.url;
    // console.log(qqq);
    //title高度样式
    _this.setData({
      'statusBarHeight': App.globalData.statusBarHeight,
      'toBarHeight': App.globalData.toBar,
    });

   //内容滚动条高度计算
   if (_this.data.UserType == 10) {
    var scollHeight = App.globalData.screenHeight - App.globalData.statusBarHeight - 260;
  } else {
    var scollHeight = App.globalData.screenHeight - App.globalData.statusBarHeight - 150;
  }
  _this.setData({
    'o_boxHeight': scollHeight
  });
  _this.setData({
    'total_money': options.total_money
  });
    //console.log(options)

    // 获取订单商品详情
   // this.getGoodsDetail();
  },



    //返回上一页
    onClick: function () {
      wx.navigateBack({
        delta:1
      })
    },



  /**
   * 获取订单商品详情
   */
  getGoodsDetail: function() {
    let _this = this;
    App._get('user.refund/apply', {
      order_goods_id: this.data.order_goods_id
    }, function(result) {
      //_this.setData(result.data);
    });
  },

  /**
   * 切换标签
   */
  onSwitchService: function(e) {
    console.log(e.detail)
    this.setData({
      serviceType: e.detail.target.dataset.type
    });
  },

  /**
   * 跳转商品详情
   */
  onGoodsDetail: function(e) {
    wx.navigateTo({
      url: '../../../goods/index?goods_id=' + 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值