vue 拖拽文件上传图片

最新推荐文章于 2024-03-04 11:02:33 发布

愤怒的佛手瓜

最新推荐文章于 2024-03-04 11:02:33 发布

阅读量203

点赞数

分类专栏： js 文章标签： vue.js javascript html

本文链接：https://blog.csdn.net/h666000/article/details/120086974

版权

js 专栏收录该内容

26 篇文章 1 订阅

订阅专栏

<div id="dragDropDiv" ref="allimg"></div>

  mounted() {
    setTimeout(() => {
      var that = this;
      let allimg = document.getElementById("dragDropDiv");
      allimg.ondragenter =
        allimg.ondragover =
        allimg.ondragleave =
          function () {
            // 阻止默认事件
            return false;
          };
      //释放文件
      allimg.addEventListener("drop", that.onDrop);
    }, 0);
  }

  methods: {
    onDrop(e) {
      var that = this;
      let ev = window.event || e;
      ev.preventDefault();
      this.imgSaveToUrl(e.dataTransfer.files[0],1,true)
    },
}