美文网首页
Vue 图片上传

Vue 图片上传

作者: 悟空_大师兄_ | 来源:发表于2019-07-12 14:24 被阅读0次

<input type="file" @change="addImg" ref="inputer" multiple />

addImg(e) {

      let inputDOM = this.$refs.inputer;

      this.fil = inputDOM.files;

      console.log(this.fil)

      for (let i = 0; i < this.fil.length; i++) {

        let size = Math.floor(this.fil[i].size / 1024);

        if (size > 5 * 1024 * 1024) {

          alert("请选择5M以内的图片!");

          return false;

        }

        this.imgLen++;

        this.$set(

          this.imgs,

          this.fil[i].name + "?" + new Date().getTime() + i,

          this.fil[i]

        );

      }

    },

相关文章

  • jQuery+ajax实现简单的上传图片功能

    在前面的文章里面有写到,用vue上传图片的功能,vue-element-admin上传图片的功能:https://...

  • Vue+ElementUI+NodeJs图片上传

    一、将图片上传到服务器 1、添加图片上传框 在Vue组件的表单中添加图片上传框 其中: action:图片上传到服...

  • vue+koa做图片上传

    vue图片上传,使用elementui上传组件前端选择图片后,立即上传(也可以手动上传)后台koa监听请求路由,处...

  • vue 图片压缩

    vue 图片压缩 上传图片大于100* 1024 的用canvas 来压缩来解决 然后IOS拍照上传会有图片旋转的...

  • vue 上传图片

    上传图片,我们在做项目过程会经常遇到,在此,总结一下,方便以后工作,也可以为有兴趣的朋友提供一个思路,请看代码 注...

  • vue上传图片

  • Vue 上传图片

    去年公司做的微信端项目,用的Vue,现在有时间,总结下图片上传。 图片这块我用的是vant-ui,肯定要在项目中导...

  • Vue 图片上传

    addImg(e) { let inputDOM = this.$refs.inputer; this...

  • vue 上传图片

    闲暇时间回顾一下写的东西。vue上传图片。UI框架是iView ,element-ui原理相同先看下效果图 实现上...

  • vue上传图片

    action:上传图片的路径 name:后台接受参数名 handleAvatarSuccess:上传成功后的回调函...

网友评论

      本文标题:Vue 图片上传

      本文链接:https://www.haomeiwen.com/subject/udpdkctx.html