2020-01-04如何上传图片

点击新建渠道商,出现新建渠道商弹框,里面有一个营业执照,营业执照是要上传图片的,那么该如何上传图片呢?

        ref="upload"

        :show-file-list="false"

        :headers="headers"

        :on-success="hadleSuccess"

        :auto-upload="true"

        :data="ruleform"

        :action="doUpload"

        class="avatar-uploader">

        v-model="ruleform.regDate"

        :editable="false"

        type="date"

        placeholder="选择日期"

        class="date_input"

        value-format="yyyy-MM-dd"/>

          v-for="iteminoptionsState"

          :key="item.value"

          :label="item.label"

          :value="item.value"/>

上传图片

html

    ref="upload"

    :show-file-list="false"

    :headers="headers"

    :on-success="hadleSuccess"

    :auto-upload="true"

    :data="ruleform"

    :action="doUpload"

    class="avatar-uploader">

js

// 图片上传时使用computed来监听headers

computed: {

headers() {

return {

'Authorization':localStorage.token

    }

}

},

methods: {

// 新建:文件上传成功时的钩子

   hadleSuccess(res, file) {

   console.log('文件上传成功时的钩子', res, file)

   this.ruleform.businessLicense = res.data

   },

}

data(){

   return{

     doUpload:localStorage.imgBase_url +'/product/savePhoto',

  }

},

编辑的上传图片跟新建的上传图片一样

你可能感兴趣的:(2020-01-04如何上传图片)