Vue.js上传图片,获取不到图片

新手上路,请多包涵

<el-form>
<el-form-item id="inputWrap1" label="上传图片" :label-width="formLabelWidth" required>

            <el-upload class="upload-demo" ref="upload1" :action="idNumPic" :data="fileData1" :before-upload="beforeUpload1" :onError="uploadError" :onSuccess="uploadSuccess" :auto-upload="false">
                <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
                <div slot="tip" class="el-upload__tip">只能上传jpg格式文件文件,且不超过5MB!</div>
            </el-upload>
        </el-form-item>
        <el-form-item id="inputWrap2" label="上传图片" :label-width="formLabelWidth" required>
            <el-upload class="upload-demo" ref="upload2" :action="busPic" :data="fileData2" :before-upload="beforeUpload1" :onError="uploadError" :onSuccess="uploadSuccess" :auto-upload="false">
                <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
                <div slot="tip" class="el-upload__tip">只能上传jpg格式文件文件,且不超过5MB!</div>
            </el-upload>
        </el-form-item>
    

</el-form>
idNumPic: this.$baseUrl + 'haimen',
busPic: this.$baseUrl + 'haimen',
fileData1: {
idNumPic:'',
},
fileData2: {
busPic:'',
},
methods: {

        register() {
            const self = this
            const mParams = {
                idNumPic: self.idNumPic,
                busPic: self.busPic,
            }
            this.$ajax.post('cand/register', Qs.stringify(mParams)).then(function(resp) {
                if(resp.data.respCode === '1000000') {
                    alert('注册成功!')
                } else {
                    alert('注册失败')
                }
            })
        },
        
        uploadSuccess(response, file, fileList) {
            const self = this

            document.getElementById('inputWrap1').getElementsByTagName('ul')[0].innerHTML = ''
            document.getElementById('inputWrap2').getElementsByTagName('ul')[0].innerHTML = ''
            self.getFileList(1, self.currentPageSize1)

            self.$message({
                message: '上传成功',
                type: 'success'
            })
            self.addFileDia = false
            self.addVideoDia = false
        },
        uploadError(response, file, fileList) {
            const self = this
            self.$message({
                message: '上传失败,请重试',
                type: 'error'
            })
        },

        beforeUpload1(file) {
            let a = file.name.split('.').length - 1
            const extension8 = file.name.split('.')[a] === 'jpg'
            const isLt2M = file.size / 1024 / 1024 < 5
            if(!extension8) {
                alert('上传文件只能是jpg格式!')
            }
            if(!isLt2M) {
                alert('上传文件大小不能超过 5MB!')
            }
            return extension8 && isLt2M
        },
        changeModel(model) {
            this.model = model
        }
    }
}

阅读 2.1k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题