问答

elementui上传

作者:admin 2021-05-05 我要评论

`el-form-item class="upload-m clearfix" prop="certificatePhoto" el-upload ref="upload" :http-request="upload" :file-list="fileList" list-type="picture...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

`<el-form-item class="upload-m clearfix" prop="certificatePhoto">

            <el-upload
              ref="upload"
              :http-request="upload"
              :file-list="fileList"
              list-type="picture-card"
              accept=".pdf"
              action
            >
              <div class="upload-icon">![](`${imgUrl}/upload.png`)</div>
              <span class="upload" @click="current==index">点击上传</span>
            </el-upload>
            <div class="upload-imgList clearfix">
              <div v-for="(fileItem,index) in fileList" :key="index" class="upload-img-list ml">
                ![](fileItem.filePhoto)
                <span class="file-name slh">{{ fileItem.fileName }}</span>
                <div class="operation">
                  <a>预览</a>
                  <span class="del" @click="del(index)">删除</span>
                </div>
              </div>
            </div>
          </el-form-item>`
          
          
       请求   
`async upload({ file }) {
  try {
    // 图片转换为2进制
    const p = new FormData()
    p.append('file', file)
    const res = await pdfAndImgSelf(p)
    this.$set(this.registerDirectorData[this.current], 'files', [{ name: file.name, value: res.data.data.url, imgurl: res.data.data.imgurl }])
  } catch (e) {
    this.$message.error('上传失败,请重新上传')
  }
},`

目前上传成功后还是走catch  并且页面没有上传的图片
###

走catch 肯定是 try 模块里有报错了,可以先打印下catch 的 err 信息看看 err信息 ,或者 try 里面debugger 调试看看哪一步报错了 没有失败原因很难定位问题

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • elementui上传

    elementui上传

  • git 配置hooks ,防范某些分支合并

    git 配置hooks ,防范某些分支合并

  • webpack打包问题

    webpack打包问题

  • 请问workerman 长连接当中使用redis,

    请问workerman 长连接当中使用redis,

腾讯云代理商
海外云服务器