mpvue小程序上传图片的使用和删除

16 篇文章 0 订阅

# 在当前所用的template模板中嵌入html、以下代码

<div class="p10_15">
        <upload_
          :upload_info="upload_info"
          ref="uploads"
          @cb="get_choose_img"
        ></upload_>
      </div>

## 在script中引入upload组件 import upload_ from "@/components/upload"; 同样在components中国嵌入

### 在data中定义一个数组 upload_info: { class: "img50" },

#### 在methods中定义方法

  get_choose_img(res) {
      //上传的打卡照片数组
      this.upload_cb_arr = res;
      console.log(res);
    },

##### 监听页面隐藏

onHide() {
    this.$refs.uploads.$emit("clear", 1);
  },

###### 在全局中引入 css文件(放在static中)(注css可以自己手动修改一下样式)

####### 在api.config文件中添加upload: "/File/UploadFile2", //上传图片

######## 在src中的static中新建一个config.js (已上传有道云笔记)

在全局main.js中引用 const api_config = require("../static/api_config.js"); 实例化config

Vue.prototype.$api = api_config;

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值