Python/Flask项目客户端图片上传预览后POST提交失败如何解决

问题原因 #

你预览页面的隐藏文件输入框没有配置name属性，浏览器提交表单时，只会携带带有name属性的表单字段，你的后端逻辑是通过file这个字段名读取上传文件，自然就获取不到内容，和你写的预览JS、模拟点击逻辑都没有关系，你猜测的request.files持久化问题也不存在。

修复方案 #

只需要修改preview.html里的文件输入框代码，补加name="file"属性即可：

<!-- 修改前 -->
<input type="file" id="fileElem" accept="image/*" style="display:none">

<!-- 修改后 -->
<input type="file" id="fileElem" name="file" accept="image/*" style="display:none">

修改完成后重新测试，上传功能就能正常运行，预览逻辑也不需要做任何调整。

内容的提问来源于stack exchange，提问作者Bluemont