summernote 不能上传图片_图片上传功能设计的时候需要考虑些什么?

61274e1d0e95a60a9334c20288ceade4.png

8a709e75914f5978e638038159472f91.gif

嗨小伙伴们大家周末好~☀️

今天小编给大家带来的文章是图片上传功能设计的时候需要考虑的因素,本篇文章是作者在完成项目的时候,在图片上传模块遇到了一系列的问题,有些问题开始时也没有想过,于是总结出来分享给大家,一起来看看吧!?

(全文共计3209字,阅读约需要9分钟)

4aa06a5dd01633a61b00c499d75d4ef3.png

文件上传

首先上传文件分为很多种,比如说是文档doc?pdf?xlsx?,图片jpg?png?gif?psd?,视频mp4?avi?wmv?,压缩包zip?rar?7z?等等,每种遇到的问题都会不太一样。

上传前文件格式限制,文件识别;

上传中文件如视频,会不会因为文件过大,上传会超时;
上传后是否预览和编辑,各种文件会不一样。

这边以PC端上传情况做简单分析。

(PC端上传跟移动端会有些区别,移动端还涉及到是否需要拍照上传、选择相册等问题,此处不做详细讨论。)

上传图片的基本行为

把 符合规则 的 图片 上传 到 服务器,并且 呈现 。

这边故意划重点,因为每一个都跟后面的问题有关。

图片基本属性(如,不小于300*300px,支持jpg、png,小于等于10M)

  • 图片的文件格式
  • 大小 
  • 图片宽 
  • 图片高 
  • 图片数量
上传图片的基本流程 如果是移动端,编辑在选择图片后,上传操作前,参见朋友圈或者微博等上传。 我们的项目,传图功能基本搭配其他功能存在,比如裁剪、抠图、智能合成、下载或进行微编辑,所以考虑的问题会稍微多一些。(
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值