el-upload上传图片只能是jpg

el-upload组件本身并不限制上传的图片格式，但是在默认情况下，如果没有设置accept属性，el-upload组件会将文件类型限制为image/jpeg、image/png、image/gif、image/bmp、image/webp这几种常见的图片格式。如果你想上传其他格式的图片，可以通过设置accept属性来实现。例如，如果你想上传bmp格式的图片，可以这样设置accept属性：accept=".bmp"。

相关问题

<el-upload class="upload-demo" drag action="https://jsonplaceholder.typicode.com/posts/" multiple> <i class="el-icon-upload"></i> <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div> <div class="el-upload__tip" slot="tip">只能上传jpg/png文件，且不超过500kb</div> </el-upload>在这段代码中，怎么样将上传的文件名字显示在页面上，用一个span标签吗

是的，你可以在 `el-upload` 组件内部添加一个 `slot="default"` 的 `span` 标签来显示上传的文件名字。具体实现方式如下：

<el-upload class="upload-demo" drag action="https://jsonplaceholder.typicode.com/posts/" multiple>
  <i class="el-icon-upload"></i>
  <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
  <div class="el-upload__tip" slot="tip">只能上传jpg/png文件，且不超过500kb</div>
  <span slot="default">
    {{ fileList.length > 0 ? fileList[0].name : '' }}
  </span>
</el-upload>

在上面的代码中，我们添加了一个 `span` 标签，并且指定了 `slot="default"`。在这个 `span` 标签内部，我们使用了 `fileList` 数组来获取上传的文件列表，然后显示第一个文件的文件名字。如果没有上传任何文件，就显示空字符串。

el-upload上传图片回显

您好！感谢您的提问。关于el-upload上传图片回显的问题，您可以使用以下方法来实现：

1.在上传组件中设置show-file-list属性为false，使其不显示已上传文件的列表。

2.在上传成功后的回调函数中，获取上传成功的文件信息，包括文件地址等。

3.将获取到的文件地址赋值给一个变量，并在页面中使用img标签来显示上传的图片。

示例代码如下：

<template>
<div>
<el-upload
class="upload-demo"
action="/upload"
:show-file-list="false"
:on-success="handleUploadSuccess">
<el-button slot="trigger" size="small" type="primary">选择文件</el-button>
<div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
</el-upload>
<img :src="imageUrl" v-if="imageUrl">
</div>
</template>

<script>
export default {
data() {
return {
imageUrl: ''
}
},
methods: {
handleUploadSuccess(response, file, fileList) {
this.imageUrl = response.url;
}
}
}
</script>

希望能够帮到您！如果还有其他问题，请随时追问。