feat(wiki): 上传封面 about frontend

[trim21]

现在可以上传webp图片了，会自动转换成jpeg

webp 感觉不需要转换了，多数浏览器都支持了，甚至 safari 都支持一段时间了

旧macOS版本不支持

等有机会统计一下用户UA，看看占比再说了

[trim21]

你先用小图片开发（）

[FoundTheWOUT]

POST https://next.bgm.tv/p1/#/wiki/uploadSubjectCover

content 是指图片的 base64 吗

[trim21]

POST https://next.bgm.tv/p1/#/wiki/uploadSubjectCover

content 是指图片的 base64 吗

是

[trim21]

现在可以上传webp图片了，会自动转换成jpeg

[Jan30chen]

POST https://next.bgm.tv/p1/#/wiki/uploadSubjectCover

我把图片转为base64字符串，放到content里，swagger里调用一下报了这个错误，是咋回事呢？
我把字符串丢到浏览器里是可以显示的。

{
  "statusCode": 500,
  "code": "FST_ERR_FAILED_ERROR_SERIALIZATION",
  "message": "Failed to serialize an error. Error: \"code\" is required!. Original error: body/content must match format \"byte\""
}

我把发送的content的前面部分截取一下好了，整个放上来太长了；一个46k的jpge图片

{ "content": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2……"}

[trim21]

没有 data:image/jpeg;base64, 这部分

[trim21]

POST https://next.bgm.tv/p1/#/wiki/uploadSubjectCover

我把图片转为base64字符串，放到content里，swagger里调用一下报了这个错误，是咋回事呢？ 我把字符串丢到浏览器里是可以显示的。

{
  "statusCode": 500,
  "code": "FST_ERR_FAILED_ERROR_SERIALIZATION",
  "message": "Failed to serialize an error. Error: \"code\" is required!. Original error: body/content must match format \"byte\""
}

我把发送的content的前面部分截取一下好了，整个放上来太长了；一个46k的jpge图片

{ "content": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2……"}

https://next.bgm.tv/demo/subject/184017/upload-cover

[cijiugechu]

现在可以上传webp图片了，会自动转换成jpeg

webp 感觉不需要转换了，多数浏览器都支持了，甚至 safari 都支持一段时间了

[trim21]

现在可以上传webp图片了，会自动转换成jpeg

webp 感觉不需要转换了，多数浏览器都支持了，甚至 safari 都支持一段时间了

旧macOS版本不支持

[Jan30chen]

/p1/wiki/subjects/{subjectID}/covers 返回的thumbnail和raw是压缩画质后路径和原始图片路径吗？
在https://dev.bgm38.com/的swagger往184017条目里上传了张图片，返回的路径都打不开，404了

[trim21]

/p1/wiki/subjects/{subjectID}/covers 返回的thumbnail和raw是压缩画质后路径和原始图片路径吗？ 在https://dev.bgm38.com/的swagger往184017条目里上传了张图片，返回的路径都打不开，404了

是。

stage api 的图片URL稍微有点问题，我还没想好怎么弄…生产环境是正常的。

[trim21]

/p1/wiki/subjects/{subjectID}/covers 返回的thumbnail和raw是压缩画质后路径和原始图片路径吗？ 在https://dev.bgm38.com/的swagger往184017条目里上传了张图片，返回的路径都打不开，404了

修复了

[trim21]

现在可以上传webp图片了，会自动转换成jpeg

webp 感觉不需要转换了，多数浏览器都支持了，甚至 safari 都支持一段时间了

只有这部分用户符合 vite 的要求但又不支持 webp

[Ayase-252]

14-15 还算很新的吧

[trim21]

14-15 还算很新的吧

safari支持，但是要看macos的版本

[Jan30chen]

上传封面的接口传一个1M多的图片，会有413错误Request Entity Too Large，看样子是body太大了；
这个是nginx设置的问题还是post请求本身的限制？

[trim21]

你看响应内容是不是Nginx的错误页面？应该是Nginx的，我一会改一下

[Jan30chen]

你看响应内容是不是Nginx的错误页面？应该是Nginx的，我一会改一下

是的，响应了个Nginx的网页