上传图片签名验证

html

                        
1
2
3
4

ruleForm.rtcUrl. 初始化是个数组[]
action: ${process.env.FILE_URL}upload/addFiles,

js

// 上传
        httpRequire(val) {
            console.log(val);
            this.customUploadFile(val, this.sucessFun);
        },
        // 上传成功
        sucessFun(val) {
            this.$refs.zlFileUpload.loading = false;
            this.ruleForm.rtcUrl.push(val);
        },
        customUploadFile(content, invokSuccess, methods = 'post') {
        //这里通过接口去哪签名字段，因为要有顺序对应 返回数组
            let res = [
                { key: 'api', value: 'file.upload' },
                { key: 'appkey', value: '612b67ebe46b6cf349505287b4fff1' },
             
        
            ];
            const formData = new FormData();
            content.file && formData.append('file', content.file);
            res.forEach((item) => {
                formData.append(item.key, item.value);
            });
            // 原生请求。axios试了下不太行
            let xhttp = new XMLHttpRequest();
            let that = this;
            xhttp.onreadystatechange = function () {
                if (xhttp.readyState === 4 && xhttp.status === 200) {
                    let data = JSON.parse(xhttp.response);
                    // 处理回调函数
                    if (data.success) {
                        that.$message.success('文件上传成功！');
                        // 组装下数据
                        let id = `${data.result.resourcesId}/${data.result.fullFileName}`;
                        invokSuccess(id);
                    } else {
                        this.$message.danger(data.msg);
                    }
                }
            };
            xhttp.open('POST', content.action);
            xhttp.send(formData);
        },
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43