上传pdf

           <el-button
            size="mini"
            class="config-btn"
            style="width:120px;"
            @click="addGroup(groupList.$index, groupList)"
          >
          <el-upload
                class="upload-demo"
                action="doUpload"
                :limit="1"
                :auto-upload="true"
                ref="upload"
                accept="application/pdf"
                :before-upload="beforeAvatarUpload"
                :http-request="uploadTest"
                :on-exceed="handleExceed"
                >
              <el-button size="small" type="primary">点击上传</el-button>
          </el-upload>
          </el-button>

    uploadTest(file){
      // console.log(111)
        console.log(file)
              let fileObj = file.file;
      const form = new FormData(); // FormData 对象   把file转为FormData格式
      form.append("file", fileObj); // 文件对象  'upload'是后台接收的参数名
            // this.$http.post('/vue-element-admin/user/login',{username: 'admin'.trim(), password:123456})
      // .then((response) => {
      //   const {data} = response
      //   // console.log(response,555)
      // })
      console.log(form,'11111')
      //上传pdf 的时候需要给传参数id
      form.append('id',this.idadd)
      console.log(this.idadd)
                let requestConfig = {
                    headers: {
                        'Content-Type': 'multipart/form-data'
                    },
                }
      this.$http.post(`woas/poCharge/upload`,form)
      .then(response => {
          console.log("response", response);
        }).catch(reason => {
          this.$message({
            showClose: true,
            message: reason,
            type: "error"
          });
        });
    },
    handleExceed (){
     this.$message.warning(`当前限制选择 1 个文件，请删除后继续上传`);
    },
      beforeAvatarUpload(file) {
        console.log(file)
        const ispdf = file.type === 'application/pdf';
        if (!ispdf ){
          this.$message.error('上传文件只能是 pdf 格式!');
        }
        return ispdf;
      },

pdf 预览

<iframe :src="src" style="width:100%;height:1300px"></iframe>