开代理后上传图片回显不成功

可能是因为代理设置不正确导致的。请检查以下几个方面：

1. 确认代理设置是否正确，包括代理地址、端口、用户名和密码等信息。

2. 检查代理服务器是否正常工作，可以通过ping指令或telnet指令测试代理服务器的连通性。

3. 确认上传图片的代码是否正确，包括文件路径、文件名、文件类型等信息。

4. 检查上传图片的大小是否超过了服务器限制。

如果以上都没有问题，可能是其他原因导致的，需要进一步排查。

相关问题

Kindeditor上传图片回显不出来

可能是以下原因导致的：

1. KindEditor配置不正确，需要检查配置文件中的图片上传路径是否正确，以及是否开启了图片上传功能。

2. 上传的图片格式不被支持，例如上传了不支持的文件格式，如 .psd、.pdf 等格式。

3. 图片上传路径没有设置文件夹权限，需要检查上传路径的权限是否正确。

4. 图片上传路径不存在，需要检查上传路径是否存在。

5. 图片上传大小限制设置不正确，需要检查上传大小的限制是否正确。

以上是一些可能导致图片回显不出来的原因，需要根据具体情况进行排查和解决。

element 上传图片 回显

Element UI 中提供了 `el-upload` 组件用于上传文件，可以通过设置 `:show-file-list="false"` 来禁止上传成功后在页面上显示已上传的文件信息，而是通过 `:on-success` 回调函数获取上传成功后的返回值进行处理，进而实现图片上传成功后的回显。

以下是一个示例代码：

<template>
  <el-upload
    class="avatar-uploader"
    action="/upload"
    :on-success="handleSuccess"
    :show-file-list="false"
    :before-upload="beforeAvatarUpload">
    <img v-if="imageUrl" :src="imageUrl" class="avatar">
    <i v-else class="el-icon-plus avatar-uploader-icon"></i>
  </el-upload>
</template>

<script>
  export default {
    data() {
      return {
        imageUrl: ''
      }
    },
    methods: {
      beforeAvatarUpload(file) {
        const isJPG = file.type === 'image/jpeg'
        const isPNG = file.type === 'image/png'
        const isLt2M = file.size / 1024 / 1024 < 2

        if (!isJPG && !isPNG) {
          this.$message.error('上传头像图片只能是 JPG/PNG 格式!')
          return false
        }
        if (!isLt2M) {
          this.$message.error('上传头像图片大小不能超过 2MB!')
          return false
        }
        return true
      },
      handleSuccess(response, file, fileList) {
        this.imageUrl = URL.createObjectURL(file.raw)
        // 可以将response中的图片地址保存到数据库中，以便之后再次访问时显示已上传的图片
        console.log(response)
      }
    }
  }
</script>

<style>
  .avatar-uploader {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 120px;
    border: 1px dashed #d9d9d9;
    border-radius: 50%;
    overflow: hidden;
    background-color: #f7f7f7;
  }

  .avatar {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .avatar-uploader-icon {
    font-size: 28px;
    color: #8c939d;
    transition: all .3s;
  }

  .avatar-uploader:hover .avatar-uploader-icon {
    color: #409EFF;
  }
</style>

在 `handleSuccess` 回调函数中，通过 `URL.createObjectURL` 方法将上传成功后的文件转换成本地 URL 地址，再将其赋值给 `imageUrl` 变量，即可实现图片上传成功后的回显。