我如何在React.js中将SVG文件转换为png,jpg或jpeg文件因为我正在尝试将我的文件发送到服务器,而服务器只接受jpg/jpeg或png。有帮助吗?我只需要这些类型中的一种。我不需要URL或blob中的文件。
The screenshot of file in console
我找遍了所有的地方。有一些,但要么解决方案是后端或javascript与dom
const [fileImages, setFileImages] = useState<File[]>([]);
const { state } = useAssetReportContext();
const charts = state.chartsList.map(({ url, fileName }) => ({
url,
fileName,
}));
useEffect(() => {
const fetchImages = () => {
charts.map(({ url, fileName }) => {
fetch(url)
.then((response) => response.blob())
.then(
(blob) =>
new File([blob], `${fileName}`, {
type: blob.type,
})
)
.then((file) => {
setFileImages((prev) => [...prev, file]);
});
});
};
fetchImages();
}, [state.chartsList.length]);
1条答案
按热度按时间yjghlzjz1#
您可以使用'convert-svg-to-png'程式库。This is the npm link
然后导入:
然后使用下列程式码:
希望对你有用:)