vue项目 上传图片实例

<div class="img-box">
      <img src="../../../../assets/images/img.png" alt="" @click="selectImg" />
      <input
        type="file"
        name=""
        id=""
        @change="change"
        ref="inputImage"
        style="display: none"
      />
</div>

 

 
 sendClick() {
      let text = this.textFormat(this.text);

      let imgHtml = `<div class="text">${text}</div>`;
      this.send(imgHtml);
    },
    // 选择图片
 selectImg() {
      let inputDOM = this.$refs.inputImage;
      inputDOM.click();
   },
/**上传图片**/
 upLoadRequest(file) {
      const formData = new FormData();
      formData.append("file", file);
      console.log(file);
      upLoadImg(formData).then((res) => {
        console.log("上传成功", res);
        if (res.code === 200) {
          let imgHtml = `<img src='${res.data.url}' :preview="${res.data.url}" :preview-text="src.title" />`;
          console.log("imgHtml", imgHtml);
          this.send(imgHtml);
          // this.text = res.data.url;
        } else {
          this.$message("上传失败");
        }
      });
 },