React
高冷的钢背兽
iOS开发&前端开发
展开
-
React H5图片压缩上传
目录第一步:获取file文件第二步:将获取的文件进行base64编码第三步:利用canvas压缩图片第四步:将压缩后的base64编码图片转为File类型第五步:利用FormData上传第一步:获取file文件默认已获取到用户选择的图片File,请参考其他资料。File文件内容参考如下图,如果你拿到这样的数据,这一步就完成了。第二步:将获取的文件进行base64编码如下图 imgBase64就是base64编码之后的图片,这里注意this指向问题get.原创 2020-12-20 18:15:17 · 1491 阅读 · 0 评论 -
React img图片显示模式
VUE中是使用mode属性,React中是在样式中控制img{ width:80px; height:80px; object-fit:cover;}cover:会裁剪,不会拉伸,短边充满控件元素contain:不会裁剪,不会拉伸,长边充满控件元素fill:不会裁剪,会拉伸,充满控件元素......原创 2020-12-20 17:15:28 · 1042 阅读 · 1 评论