• 需要澄清 *
• 您的previewImage函数接收到两个参数，但您似乎只发送了一个。
• 您想在用户选择文件之前显示默认图像吗？如果是这样，change() lifehook将不会有帮助。它只在选择新文件之后触发。
• 可能的解决方案 *
• 您可以在assets文件夹中保存一个默认文件，或者实际上在文件系统中的任何位置，并将其作为imageURL的默认值传递：

imageUrl = 'default-path/file.ext'

• 如果您从服务器获取默认文件，请将其作为dto类的成员发送，数据类型为byte[]，然后您可以将原始字节传入src：

// model.kt
data class FileDto(content: ByteArray, ext: string)

// controller
@GetMapping(value = ["/file/{fileId}"])
fun getFile(@PathVariable("fileId") fileId: string): FileDto {
    return fileService.fetchFile(UUID.fromString(fileId))
}

// file-service.kt                  
    // assuming filePath and ext are columns in your db table
    fun fetchFile(fileId: UUID): FileDto {   
        return try {                    
            db.findById(fileId).let {          
                FileDto(FileSystemResource(it.filePath).file.readBytes(), it.ext)
            }                           
        }                               
        catch (e: FileNotFoundException) { handleExceptions(e) }
        catch(e: IOException) { handleExceptions(e) }
    }

    private fun handleExceptions(e: Exception): Nothing {
        e.printStackTrace()
        throw e
    }

此端点将为您提供显示文件所需的一切：

• 客户端 *

一个三个一个x一个四个一个x一个五个一个x一个六个一个

现在，当我点击类似于文本文件的编辑按钮时，如何默认显示这个图像呢？[...]这似乎对输入文件不起作用。
我尝试在StackBlitz项目中重现您的问题（参见link）。
在不过多修改示例代码的情况下，下面是我如何从输入文件中获取要显示的图像：

• 从模板中，在根div HTML元素中提供[formGroup]指令。

<div class="form-group" [formGroup]="form">
    ...
</div>

• 在组件类中，定义提供的form窗体组，其中包含ProductFile窗体控件。

form = new FormGroup({
  ProductFile: new FormControl(''),
});

希望这个有用。