zoukankan      html  css  js  c++  java
  • vue element upload图片 转换成base64

     
    beforeUpload (file) {
      var _this = this;
      var reader = new FileReader();
      reader.readAsDataURL(file);
      reader.onload = function(e) {
        // 图片base64化
        var newUrl = this.result;    //图片路径
        _this.imgUrl = newUrl;
      };
    },
     
    或者 不使用element-ui中 upload的自动上传的话  可以在on-change事件里面 转换成base64的路径
     
    handleChange (file, fileList, item) {
        this.getBase64(file.raw).then(res => {
            console.log(res);
        });
    },
    getBase64(file) {
        return new Promise(function(resolve, reject) {
            let reader = new FileReader();
            let imgResult = "";
            reader.readAsDataURL(file);
            reader.onload = function() {
                imgResult = reader.result;
            };
            reader.onerror = function(error) {
                reject(error);
            };
            reader.onloadend = function() {
                resolve(imgResult);
            };
        });
    },
     
    handleChange中  item是我的自定义参数
  • 相关阅读:
    pgsql 时间转时间戳
    java SHA-1加密
    java 输出json文件
    按照指定字符串截取文本
    java 科学计数法转换
    【原创】几个常用机场的对比
    【原创】Google Cloud服务器路由分析
    批量转换文件Unicode到中文
    博客搬家
    关于zookeeper
  • 原文地址:https://www.cnblogs.com/Mr-Rshare/p/10196382.html
Copyright © 2011-2022 走看看