欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Taro开发过程遇到的问题汇总(不定期更新)

程序员文章站 2022-06-19 16:19:42
一、图片上传点击上传按钮时 Taro.uploadFile({ url: 'http://xxx/api/common_file/', //仅为示例,非真实的接口地址 filePath: files[0].file.path,//Taro组件返回的图片信息 header: { 'Authorization':'JWT '+ token }, name: 'file',//修改上传文件的名称 formData: { 'name':...

一、图片上传
点击上传按钮时

  Taro.uploadFile({
    url: 'http://xxx/api/common_file/', //仅为示例,非真实的接口地址
    filePath: files[0].file.path,//Taro组件返回的图片信息
    header: {
      'Authorization':'JWT '+ token
    },
    name: 'file',//修改上传文件的名称
    formData: {
      'name': 'test'//上传文件的名称
    },
    success (res){
      console.log(result);
    },
    fail(){
      Taro.showToast({
        title: '上传失败,请联系管理员',
        icon:'none',
        duration: 2000
      })
    }
  })


/*组件onchange事件调用*/
 onChange (files,operationType,index) {图片上传
    let that=this;
    console.log(files);
    if(operationType==="remove"){///清除图片
       //移除事件后需操作的写在这边
    }else {//图片上传
      UploadFile(files,index,that)
    }
  }

二、多个input渲染后,修改其中一个,其他的也会跟着变化

input里的name名不能重复,Taro是根据name名修改对象input值的,所以将name名变不同了,相互之间就没有影响了

本文地址:https://blog.csdn.net/qq_36361032/article/details/111941479