Я использовал этот код для преобразования файла .heic в .jpg в моем веб-сайте React, он хорошо работает в локальной среде, но после развертывания его в рабочей среде я могу только выбрать изображение, после этого ничего не происходит на вкладке консоли или сети, заголовки CSP содержат blob worker-src 'self': data:;
Вот мой код для преобразования .heic в .jpg:
export const convertToPNG = async (file: File): Promise => {
const lowerName = file.name.toLowerCase();
const mime = file.type;
const isHeic = mime === 'image/heic' || mime === 'image/heif' || /\.(heic|heif)$/i.test(lowerName);
const isTiff = mime === 'image/tiff' || /\.(tif|tiff)$/i.test(lowerName);
if (isHeic) {
try {
const outputBlob = (await heic2any({ blob: file, toType: ALLOW_MEDIA_TYPE.JPEG, quality: 0.92 })) as Blob;
const newName = lowerName.replace(/\.(heic|heif)$/i, '.jpg');
const converted = new File([outputBlob], newName, { type: ALLOW_MEDIA_TYPE.JPEG });
const preview = (await convertToBase64(converted)) as string;
return { file: converted, preview };
} catch (error) {
console.error('HEIC Conversion Failed:', error);
const preview = (await convertToBase64(file)) as string;
return { file, preview };
}
}
}
export const convertToBase64 = (file: File) =>
new Promise((resolve, reject) => {
const reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = () => resolve(reader.result);
reader.onerror = reject;
});
export const isImage = (typeFile: string | undefined | null): boolean => {
if (!typeFile) return false;
if (typeFile.startsWith('image/')) return true;
return /\.(jpg|jpeg|png|heic|gif|bmp|tiff|webp|svg)$/i.test(typeFile);
};
Подробнее здесь: https://stackoverflow.com/questions/798 ... g-heic2any
