zoukankan      html  css  js  c++  java
  • vue+element_ui上传文件,并传递额外参数(自动上传)

                                <el-upload
                                    action="api_ws/api/Contract/AttachmentUpload"
                                    list-type="picture-card"
                                    :limit="1"
                                    :auto-upload="true"
                                    :before-upload="beforeUploadForm"
                                    :http-request="imageChange"
                                >
                                    <div>上传文件</div>
                                </el-upload>
            // 开始上传前验证
            beforeUploadForm (file) {
                // 验证文件类型
                var testmsg = file.name.substring(file.name.lastIndexOf('.') + 1)
                const extension = testmsg === 'jpg' || testmsg === 'png' || testmsg === 'gif'
                if (!extension) {
                    this.$message({
                        message: '上传文件只能是jpg/png/gif格式!',
                        duration: 1000,
                        showClose: true,                
                        type: 'warning'
                    })
                }
                return extension
            },
    
            // 提交图片
            imageChange(param,type){
                // console.log(param);
                let formData = new FormData()
                formData.append('files', param.file)
                formData.append("fileId", '文件ID)// 额外参数
                thiz.$axios.post('http://localhost:8080/upload/file', formData).then(res => {
                    // console.log(res);
                    if (res.IsSuccess) {
                        this.imgList.push(res.Data.Data)
                    }
                });            
                // console.log(this.imgList);
            },
  • 相关阅读:
    HTML5 跨文档消息传输
    Cordova 本地项目创建方法
    远程登录协议
    Linux mii-tool命令
    Linux ethtool命令
    Linux内核阅读相关
    C语言介绍
    Proc-fs 编程
    Linux syslog介绍
    Mpich编程
  • 原文地址:https://www.cnblogs.com/zwhbk/p/13359198.html
Copyright © 2011-2022 走看看