小程序 wx.request中,url传递的参数中有变量怎么写 - 新闻资讯 - 云南小程序开发|云南软件开发|云南网站建设-昆明葵宇信息科技有限公司

159-8711-8523

云南网建设/小程序开发/软件开发

知识

不管是网站,软件还是小程序,都要直接或间接能为您产生价值,我们在追求其视觉表现的同时,更侧重于功能的便捷,营销的便利,运营的高效,让网站成为营销工具,让软件能切实提升企业内部管理水平和效率。优秀的程序为后期升级提供便捷的支持!

您当前位置>首页 » 新闻资讯 » 小程序相关 >

小程序 wx.request中,url传递的参数中有变量怎么写

发表时间:2021-1-5

发布人:葵宇科技

浏览次数:168

wx.request中,url传递的参数中有变量怎么写

var val = 666;
wx.request({
                 url: 'https://domainname/url?id='+ val,
});

例子:上传图片案例

// 上传图片
  chooseImage: function () {
    var that = this;
    // 选择图片
    var openid = wx.getStorageSync('openid');
    wx.chooseImage({
      count: 1, // 默认9
      sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
      sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
      success: function (res) {
        console.log('获取的ID' + openid);
        var tempFilePaths = res.tempFilePaths   // 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片
        wx.uploadFile({
          url: app.config.apiBase + '?type={type}&openid=' + openid,
          // url: app.config.apiBase + '?type={type}&openid={openid}',
          filePath: tempFilePaths[0],
          name: 'file',
          formData: {
            user: 'test'
          },
          success(res) {
            console.log(res);
            const data = http://www.wxapp-union.com/res.data
          }
        })
        that.setData({
          item: tempFilePaths[0],
          imgBoolean: false
        });
      }
    })
  },
  // 图片预览
  previewImage: function (e) {
    var current = e.target.dataset.src
    wx.previewImage({
      current: current,
      urls: [current]
    })
    // console.log("这是1" + current);
  },
  //删除图片
  deleteImg: function (e) {
    var that = this;
    var images = that.data.uploadedImages;
    that.setData({
      uploadedImages: images,
      imgBoolean: true
    });
  }, 
  <view class="item">
      <!-- 添加按钮 -->
      <view class="addIcon" bindtap="chooseImage" wx:if="{{imgBoolean}}">
        <view class='addBtn'>+</view>
      </view>
      <!-- 上传的图 -->
      <view class='itemImg'>
        <image src="http://www.wxapp-union.com/{{item}}" data-src="http://www.wxapp-union.com/{{item}}" bindtap="previewImage" mode="aspectFill" />
        <!-- 删除按钮 -->
        <view class="delete" bindtap="deleteImg" data-index="{{index}}">X</view>
      </view>
    </view>
      
    

相关案例查看更多