Reactjs 如何使图像/文件可下载

我希望能够下载图像/文件。 我认为这就像在图像上悬停时的移除按钮。理想情况下，当从服务器渲染图像时，会有一个下载图标。我的想法是这样的

<a href={srcValue} download>

并包装img标签。和分别用于文件。 那么，有没有更合适的方法来代替覆盖所有文件FileInput、FileInputPreview、ImageInput、ImageField等

谢谢

你可以试试这个

export const Something = (props) => {
  return (
    <List {...props} >
      <Datagrid>
        <ReferenceField label="Get Image" source="id" reference="pathToImage" linkType={false} >
          <ImageLink />
        </ReferenceField>
      </Datagrid>
    </List>
  )
}

const ImageLink = ({record}) => {
  return (
    <a href={config.staticHost + '/' + record.nameOnDisk} target="_blank" download >
      <FlatButton label="Download" />
    </a>
  )
}

---

如果记录包含图像的URL，则可以跳过ReferenceField。您可以只传递记录中的url，而不是整个记录。

您可以编辑您的问题吗？``能够在将图像/文件上载到服务器时下载这些图像/文件``此部分是confusing@ReiDien刚刚删除了这个。我的意思是当我们使用aor中的字段组件时。