JavaScript上传图片路径过长

Question

我在网上看到一种用vue写的上传图片的代码

createImage(file){
        if(typeof FileReader==='undefined'){
          alert('您的浏览器不支持图片上传，请升级您的浏览器');
          return false;
        }
        var image = new Image();         
        var vm = this;
        var leng=file.length;
        for(var i=0;i<leng;i++){
          var reader = new FileReader();
          reader.readAsDataURL(file[i]); 
          reader.onload =function(e){
            vm.imageDataList.push(e.target.result);
            vm.imagesNum=vm.imageDataList.length;                                    
          };                 
        }

可是这种方法传到数据库的图片路径很大，超出了varchar的长度。我看网上说数据类型用text又不好。请问有没有其他上传图片的方式，代码短一点的。

Answer 1

你这是把图片的base64编码存到数据库里面，当然大了；
还是把图片存成文件，数据库里面保存路径吧

Answer 2

嗯 楼上正解。base64 坑定太长了。你看数据库能改储存大小吗。
如果用原生就是 formData对象。你可以看看MDN上面，很容易已使用。
后台的代码可能要做下修改