[实战]上传文件的实战问题

文件上传前的编辑问题

上传文件的时机

文件上传的场景分为两种：

1. 选择上传文件同时文件立即上传到服务器
2. 选择上传文件，点击上传按钮，开始文件的上传

选择=>编辑=>上传 文件

对于第一种场景一般没有什么问题，但是第二种情况就可能有一些无法预测的操作–例如已经选择了文件后，此时用户并没有直接点击上传按钮，而是编辑了源文件，之后才点击上传按钮，这种场景下是否可以正常上传？！如果上传成功了那么上传的是编辑后的文件，还是编辑前的文件？！！

根据事件发现对于此现象不同浏览器的表现不同

IE 浏览器

版本：11.0.9600.19256 与 11.1087.16299.0
上传编辑文件：以上版本上传的是编辑前的文件

版本：11.719.18362.0
上传编辑文件：该版本上传会报错，提示net::ERR_UPLOAD_FILE_CHANGED

Google 浏览器

上传编辑文件：该浏览器上传会报错，提示net::ERR_UPLOAD_FILE_CHANGED，阻止文件上传

解决方案

点击按钮的时候提示 “请不要选择文件后编辑文件”，以避免不确定性

文上传文件大小问题

该问题是在图片上传的时候遇到的，服务端一直没有接受到上传的文件，检查了方法发现没有问题，服务端也没有打印上传图片的日志？！！

经过反复的调试，发现上传一张小图片的时候居然正常上传了，忽然反应过来是上传图片大小的问题

本人使用的是 nginx 部署的网站服务，而 nginx 默认是有文件大小限制的，nginx 拒绝上传大于默认大小的图片，导致了错误，所以设置了 client_max_body_size 5M;，当然你可以根据你的需求设置可以上传的图片大小