el-upload默认显示一张图

el-upload 组件默认情况下不会显示任何图片，只会显示一个上传按钮。如果你想要在 el-upload 组件中显示一张默认的图片，可以通过设置 default-file-list 属性来实现。具体做法是：在 el-upload 组件中设置 default-file-list 属性并将其赋值为一个数组，该数组中包含一个对象，该对象的 url 属性指向你想要显示的默认图片的地址。例如：

<el-upload
  class="upload-demo"
  action="https://jsonplaceholder.typicode.com/posts/"
  :default-file-list="defaultFileList"
  >
  <el-button size="small" type="primary">点击上传</el-button>
</el-upload>

<script>
  export default {
    data() {
      return {
        defaultFileList: [
          {
            url: 'https://picsum.photos/200/200',
          },
        ],
      };
    },
  };
</script>

这样就可以在 el-upload 组件中显示一张默认的图片了。

相关问题

el-upload只能上传一张

是的，el-upload默认情况下只能上传一张图片。如果你想要实现多张图片上传的功能，你可以使用el-upload的multiple属性。将multiple属性设置为true后，用户就可以选择并上传多张图片了。另外，你还可以通过设置limit属性来限制用户最多可以上传的图片数量。希望这能帮到你！如果还有其他问题，请随时提问。

el-upload照片墙上传失败也显示图片

El-upload是一个流行的前端文件上传组件，常用于实现图片、视频等文件的上传功能。当上传过程中出现错误，如网络中断或服务器处理异常导致的照片墙上传失败，通常会有默认的行为来展示失败的状态。这可能包括显示一张占位图、默认图标或者是简单的提示信息。

为了在上传失败时仍然显示图片，你可以设置一些配置项：

1. **默认值**：可以在`options`里设置`onError`回调函数，在上传失败时返回一个预设的图片URL或是通过`fileList`属性展示默认图片。

<el-upload
  :action="uploadUrl"
  :default-file-list="defaultImage"
  onError="handleUploadError"
/>

其中，`default-image`可以是一个图片对象 `{url: '默认图片URL', name: '默认图片名'}`。

2. **自定义处理**：如果需要更复杂的控制，比如从服务器获取错误状态对应的图片，可以在`handleUploadError`函数中处理这个逻辑，例如：

methods: {
  handleUploadError(file, response) {
    if (response.status === 400) { // 指定一种错误情况
      file.response = { imageUrl: '失败图片URL' }; // 设置新的图片信息
    }
    this.$emit('upload-error', file, response);
  }
}

这样，即使上传失败，用户也能看到预期的图片。