开发图片上传功能时，客户端alert提示无法正常触发是什么原因？

1. 客户端代码括号没写全，直接触发语法报错 #

这是alert、console.log完全不生效的首要根因——现有client.js从catch块开始大括号就没匹配上，JS引擎解析时会直接抛出SyntaxError，整段提交回调从定义阶段就属于无效代码，别说弹窗和控制台输出了，连提交事件绑定都可能失效。

• 具体错处对照：

  .catch((e) => {
      alert('An error has occurred');
  // 此处缺失catch块的闭合大括号 }
  form.reset();
  // 此处缺失picsub函数的闭合大括号 }
  

  括号错位后，所有写在这个函数里的Promise链回调都不会被执行，和alert、console.log本身的功能无关。
• 附带提一句：new FormData();;这里多打了一个分号不属于语法问题，不影响运行。

2. 服务端接口逻辑不完整，就算客户端语法修正后也无法触发回调 #

现有server.js属于半成品实现，就算把客户端的代码语法全改对，请求发出去也拿不到有效响应：

• 没有配置文件解析中间件：前端发送的是带图片的multipart/form-data格式请求，Express默认根本不会解析这类请求体，直接读req.body拿不到任何有效内容。
• 没有主动返回响应：代码只写了res.status(201)，既不调用res.send()返回结果，也不结束响应流，客户端的fetch请求会一直挂着等超时，根本进不了.then的分支。
• 没有配置跨域规则：如果前端页面是从非8090端口的地址加载的，fetch请求会被浏览器跨域策略直接拦截，连服务端的访问日志都不会有。

3. 最小修正方向 #

• 客户端：补全所有缺失的大括号，先在浏览器控制台确认没有红色语法报错，再测试回调逻辑。
• 服务端：挂载对应中间件解析multipart格式的图片上传请求，处理完上传逻辑后主动返回明确的文本响应，配置跨域规则允许前端来源的请求访问。

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