HEIC到任何格式转换器(Heic2any)安装与使用指南

HEIC到任何格式转换器(Heic2any)安装与使用指南

项目地址:https://gitcode.com/gh_mirrors/he/heic2any

目录结构及介绍

当你通过git clone https://github.com/alexcorvi/heic2any.git克隆了仓库之后,你会看到如下的主要目录结构:

  • /docs: 包含项目的文档和说明。
  • /dist: 编译后的库文件存放位置,包含了可以直接在网页中使用的.js文件。
  • /src: 源代码文件存放的位置,包含了项目的原始JavaScript和HTML文件。

启动文件介绍

  • index.js: 这个文件通常是你的主入口点,用于初始化应用程序并处理用户交互。

  • heic2any.js: 主要的功能实现文件,提供了从HEIC格式转换至其他图片格式的核心功能。它可以通过以下方式引入到HTML页面或Node.js环境中:

    <!-- 引入到HTML -->
    <script src="/path/to/dist/heic2any.min.js"></script>
    

    或者在Node.js环境或模块打包工具中:

    // 使用import语法引入
    import heic2any from 'heic2any';
    
    // 或者使用require语句引入
    var heic2any = require('heic2any');
    

配置文件介绍

对于heic2any这个库来说,没有明确的配置文件。其行为主要由调用时传入的参数控制。例如,在转换图像格式时,你可以指定目标格式(JPEG, PNG, GIF等)。然而,如果你正在构建一个更复杂的前端应用或者服务端脚本,可能需要创建自己的配置文件来存储API密钥、服务器地址或其他敏感信息,但这不属于heic2any本身的组成部分。


请注意以上文档是基于对该项目的基本理解和常见软件工程实践进行编写的,具体细节可能会随项目的更新而有所变化。在实际使用中,建议查阅项目最新的文档以及源码以获取最详尽的信息。

heic2any Converting HEIF/HEIF image formats to PNG/GIF/JPEG in the browser heic2any 项目地址: https://gitcode.com/gh_mirrors/he/heic2any

创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

``` $('#WSSliderModal').on('shown.bs.modal', function () { let currentFileItem; let cropper; const pond = FilePond.create(document.querySelector('#filepond'), { allowFileTypeValidation:true, allowImageTransform: true, acceptedFileTypes: ['image/jpeg', 'image/png', 'image/gif', 'image/webp', 'image/heic'], fileValidateTypeDetectType: (source, type) => new Promise((resolve, reject) => { const reader = new FileReader(); reader.onload = (e) => { const buffer = new Uint8Array(e.target.result); // JPEG检测:FF D8 FF if (buffer[0] === 0xFF && buffer[1] === 0xD8 && buffer[2] === 0xFF) { resolve('image/jpeg'); } // PNG检测:‰PNG else if (buffer[0] === 0x89 && buffer[1] === 0x50 && buffer[2] === 0x4E && buffer[3] === 0x47) { resolve('image/png'); } // GIF检测:GIF8 else if (buffer[0] === 0x47 && buffer[1] === 0x49 && buffer[2] === 0x46 && buffer[3] === 0x38) { resolve('image/gif'); } // WEBP检测:RIFF....WEBP else if (buffer[8] === 0x57 && buffer[9] === 0x45 && buffer[10] === 0x42 && buffer[11] === 0x50) { resolve('image/webp'); } else if ( buffer[4] === 0x66 && // f buffer[5] === 0x74 && // t buffer[6] === 0x79 && // y buffer[7] === 0x70 && // p ( (buffer[8] === 0x68 && buffer[9] === 0x65 && buffer[10] === 0x69 && buffer[11] === 0x63) || // heic (buffer[8] === 0x6D && buffer[9] === 0x69 && buffer[10] === 0x66 && buffer[11] === 0x31) // mif1 ) ) { resolve('image/heic'); } else { resolve(type); } }; reader.onerror = reject; reader.readAsArrayBuffer(source.slice(0, 12)); }), allowFileSizeValidation: true, maxFileSize: '5MB', imageCropAspectRatio: 770/1920, // 设置裁剪比例 imageResizeTargetWidth: 1920, // 目标宽度 imageResizeTargetHeight: 770, // 目标高度 imageResizeMode: 'cover', // 覆盖模式 stylePanelLayout: 'integrated', imagePreviewUpscale: true,// 允许放大预览 stylePanelAspectRatio: 770/1920, // 预览面板比例 allowMultiple: false, // 单文件上传 instantUpload: false, // 禁用自动上传 styleLoadIndicatorPosition: 'center bottom', styleProgressIndicatorPosition: 'right bottom', styleButtonRemoveItemPosition: 'left top', server: { url: '/json/wsslider_action.php', process: { url: '/wsslider_action.php?action=uploadWSSlider', onload: (response) => { const data = JSON.parse(response); return data.fileName; } } },```新增preview heic
最新发布
03-19
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

宗嫣惠

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值