【学海拾贝】是一个标签,用来记录我工作中碰到过的问题,在空闲时探索它的原因及原理 由来 2 年前我做 h5 项目的时候,遇到了上传图片的功能实现,于是就用了 `` 这个标签来实现图片的上传 当我点击标签,选择拍照的时候,发现出现的图片和拍照出来是不一样的,它的方向发生了旋转,这样就和拍照的样子不一样 ...
分类：
移动开发 时间：
2020-05-01 01:08:50
阅读次数：
117
上一篇使用了 pngquant 图片压缩工具进行压缩，并通过 click 命令行工具构建了 picom 包。这篇的主要功能是实现图片上传。 图片上传功能的实现 通过 pngquant 压缩图片后，得到一个 fs8.png 为后缀的图片。想要把图片上传到云端，只需要把这个文件通过 API 发送给图片存 ...
分类：
编程语言 时间：
2020-04-29 23:05:24
阅读次数：
101
es7提出的async/await概念已经存在有相当长一段时间，具体概念用法就不在这里赘述了，优势在于处理解决then链多层嵌套回调的问题，使得代码更为简单清晰。 本文在这里要讲的是批量上传多张图片时，如果不分批上传可能触发浏览器的并发限制，亦或是图片过多过大导致上传超时，都会影响图片的上传成功率。 ...
分类：
Web程序 时间：
2020-04-28 17:26:28
阅读次数：
74
使用Canvas + exif-js自动修正数码照片 使用场景，在做朋友圈 H5 时，时常遇到需要用户拍照上传图片需求，但是在一些手机（iso）上拍出来的照片会出现奇怪的旋转角度来呈现。经过各种百度才发现相机拍出来的图片拥有很多属性，其中一项是Orientation ，用于记录拍摄时相机物理旋转角度 ...
分类：
其他好文 时间：
2020-04-28 15:02:20
阅读次数：
85
前端以BASE64码的形式上传图片 一直有一个很苦恼的问题困扰着铁柱兄，每次上传图片的时候前端要写一大堆js，然后后台也要写一堆java代码做处理。于是就在想，有没有简单又方便的方法把图片上传。今天算是搞定了。现在发出来做个记录，也给大家做个参考。 话不多说，直接上代码，一边做一遍讲解。 首先新建一 ...
分类：
Web程序 时间：
2020-04-26 16:59:08
阅读次数：
100
需求是编写一个头像剪裁工具再封装成为一个组件，然后根据功能开始逐步编写代码：先是上传图片 => 预览图片 => 编辑图片。 刚开始没有去考虑兼容性的问题，直接编写upload部分的代码，参考了很多代码还有HTML5 FILE API之后，发现很少有React编写的这样的代码，因为想简单一点，所以直接 ...
分类：
其他好文 时间：
2020-04-25 23:21:40
阅读次数：
62
public function uploadFilePrivate(Request $request) { $file = array_get($request, 'file', ''); if (empty($file)) { return $this->responseJson([], -1, ...
分类：
Web程序 时间：
2020-04-23 19:29:00
阅读次数：
92
原来用的插件，里面东西太乱了，一会jq，一会原生js，本来原生js就不熟，看起来更难受，而且感觉好多东西都是没用的，而且后端php转存文件一直不是很熟悉，正好一起整理一下。就是很简单的一个demo，如果需要复杂的功能的话需要自己添加。但是原理基本都在这了，不是很熟的时候可以拿来看看直接用。 html ...
分类：
Web程序 时间：
2020-04-23 01:03:15
阅读次数：
87
有些时候在web端上传图片会遇到这种情况，正向的图片，上传预览时就被旋转了。 发生这种情况是因为，照片中包含很多属性来记录拍摄信息。想要读取这些属性，需要引入EXIF（可在npm上搜索exif-js下载） EXIF中，包含一个Orientation参数，用来记录拍摄照片时的方向。在使用PS或者其他软 ...
分类：
Web程序 时间：
2020-04-22 22:45:30
阅读次数：
253
