当前位置: 代码迷 >> JavaScript >> 个人资料图片上传-客户端或服务器端
  详细解决方案

个人资料图片上传-客户端或服务器端

热度:96   发布时间:2023-06-06 09:44:12.0

构建上传个人资料图片系统。

寻找一种系统以允许正方形图像并允许用户选择大图像的一小部分(意味着需要裁剪)。 还要根据需要验证尺寸和尺寸。

客户端裁剪

存在基于HTML5 canvas和基于本地存储的解决方案,例如ngImgCrop,Angular Image Crop,但是存在诸如以下问题:

  • 如果高结果(大于1 MB),图像会失真
  • 某些旧的(非html5)浏览器可能不支持

服务器端裁剪

像Jcrop这样的解决方案,但工作流程长且耗费时间/带宽。

  • 客户端需要将完整的大文件发送到服务器,即使其5MB
  • 然后再次从服务器下载以进行预览
  • 然后显示裁剪界面并发送裁剪坐标
  • 服务器执行裁剪并创建文件
  • 下载并显示裁剪的图像

最好的方法是什么。 告诉我每个优点和缺点。 一个优秀的初创公司应该做什么,到目前为止,行业标准的解决方案是什么?为什么?

最好的答案主要取决于您的目标受众。 许多习惯使用在线服务的人都可以上传预先裁剪的或较小版本的个人资料图像,并且知道不会尝试上传20兆像素的照片。 如果您的目标受众更为传统,那么您可能希望将其方法转变为更加宽容,并专注于受广泛支持的较旧技术。

对我来说,最好的解决方案是:

  • 专注于客户端解决方案-让用户在客户端上裁剪照片,然后在服务器上对其进行优化。
  • 要处理大量照片,可以使用简单的标签“最大文件大小:1mb”,或者在他们最初选择照片时检查文件大小,然后首先上传和调整大小/压缩。

一个优秀的初创公司应该做什么,到目前为止,行业标准的解决方案是什么?为什么?

优秀的创业公司不应受到行业标准的限制或影响,而应通过各种方法自己进行推理。

  相关解决方案