AVue 上传文件时,修改文件名!

2,006 阅读1分钟

最近在写项目的时候,遇到了需要上传文件的时候,需要自定义文件名,故此总结一波!

image.png

uploadBefore(file, done, loading, column) {
                console.log(file, column);
                // 如果你想修改file文件,由于上传的file是只读文件,必须复制新的file才可以修改名字,完后赋值到done函数里,如果不修改的话直接写done()即可
                // var newFile = new File([file], {type: file.type});
                // done(newFile)
                done();
            },
            uploadError(error, column) {
                this.$message.error('上传失败');
                console.log(error, column)
            },
            uploadAfter(res, done, loading, column) {
                // 该位置拼接有问题
                console.log("===============uploadAfter================");
          // 后端需直接返回name=“xxxx” url=“xxxx” 才行,可以看avue官网的上传 F12 中看network 就可以看到她的返回格式
          // 刚开始我以为可以直接进行 imgUrL 的push  无论怎么使用,都是有问
          // 多个文件的上传,在 propsHttp 配置为  res: 'data.0' 就会多次调用uploadAfter方法,进行对图片,文件的回显操作
                done();
                // this.$message.success('上传后的方法')
            },
            //上传后进行点击预览
uploadPreview(file, column, done) {
                console.log(file, column);
                //默认执行打开方法
                done();
            },