async function handleEvent(event) { const { request } = event; // 获取客户端支持的图片类型 const accept = request.headers.get('Accept'); const option = { eo: { image: {} } }; // 检查客户端是否支持 WebP 格式的图片,若不支持响应原图 if (accept && accept.includes('image/webp')) { option.eo.image.format = 'webp'; } const response = await fetch(request, option); return response;}addEventListener('fetch', event => { // 当函数代码抛出未处理的异常时,边缘函数会将此请求转发回源站 event.passThroughOnException(); event.respondWith(handleEvent(event));});
一、示例预览
在 PC 端与移动端的浏览器地址栏中输入匹配到边缘函数触发规则的 URL(如:https://example.com/images-format/ef-1.jpeg),即可自动转换为 Webp 格式图片。
二、相关参考
·Runtime APIs: Fetch
·Runtime APIs: Headers
·Runtime APIs: Request
·Runtime APIs: FetchEvent