英法联军的舰队停泊在魔都外的海面上，共有六十余艘船只。除此之外，他们以香港为基地，攻占了广州附近的城池，在广东海面还有四十余艘战船。
此时，联军停在魔都海面外，正在等待广东方面的战舰来援。由于陈城严禁魔都百姓售卖食物、提供淡水给联军舰队，他们淡水将尽，蔬菜也已短缺。
即使这样，联军统帅、不列颠驻华公使额尔金依然不愿退兵。若不战而退，会有损他的威信，也将损害大英帝国皇家海军的威名。
他决定铤而走险，派遣补给船强行靠岸，获取补给。数艘战列舰护送着后勤补给船，从东海海面溯往长江入海口，准备驶入魔都码头，从码头处的外国洋行里获得补给。
英法联军以英舰“切萨皮克号”战列舰为首，带来了五艘后勤船。“切萨皮克号”战列舰是一艘新舰，下水还不到一年时间，排水量两千三百吨，装备有五十一门重炮。
民军小火轮一直在东海海面上游弋，监视英法联军舰队。“切萨皮克号”一出动，小火轮立马驶往魔都，向魔都守军传递消息。
等“切萨皮克号”驶进长江口时，驻守在长兴岛要塞的民军奋起反击。
民军躲在混凝土制成的炮台内，使用新式榴弹炮轰击“切萨皮克号”。
“切萨皮克号”虽是一艘新舰，却仍是木壳船，根本抵挡不住民军的新式一百二十毫米榴弹炮。民军炮弹精准，打在“切萨皮克号”上，一炮就是一个窟窿。
“切萨皮克号”中炮倾斜，缓缓没入海水中。后面的补给舰见势不妙，迅速调转船头，逃向东海。
因为陈城曾严禁英法战舰进入长江，故长兴岛要塞的驻军敢于主动发炮轰击。
这场战斗仅持续了几分钟，民军俘虏了二百六十名英军，另有近两百名英军失踪或死亡。
额尔金这才知道，民军武器先进，已非他们所能及。他不甘心失败，迅速将舰队中的铁甲舰编队，驶往长江口。
民军这边也不甘示弱，将长江舰队调往长江口。一旦炮台不敌，长江舰队将顶上去，迎战英法联军的铁甲舰。
长江舰队是民军第一支现代化舰队，成军不到一年时间，舰长都是江阴船政学堂的第一期学生。他们甚至都没来得及毕业，就不得不仓促上阵，肩负起舰长职责。
长江舰队战舰不多，但由于采用了最先进的造舰技术，故能以一敌十。
额尔金集中起十一艘铁甲舰，将长兴岛要塞团团围住，猛攻长兴岛炮台。这座要塞是民军使用混凝土构建的，非常坚固。
混凝土的发明也是一件大事。民军后勤部不断探索，终于发明了现代混凝土，从此开始大量应用混凝土技术，提高土木工程强度。民军在诸如炮台、要塞、码头等重要设施上都大量使用混凝土。
铁甲舰的炮弹打在长兴岛要塞上，仅能削去一层水泥，根本不能透入要塞。民军只要躲在要塞内，英法联军的舰炮根本伤不到他们一丝一毫。
这大大出乎额尔金的意料。根据他在广州的作战经验，清军炮台都是由泥土、木头砌成，一炮就能轰塌。这民军的要塞竟像是用铁水浇筑的，炮弹打上去毫发无损。
相反，民军的岸炮为一百二十毫米榴弹炮，口径大、威力大。这种岸炮的炮弹打在英法铁甲舰上，能够穿透铁甲舰的铁壳，打入舰内再爆炸。
额尔金发现，只有装甲最厚、下水时间最晚的几艘铁甲舰防护能力尚可，能够在较远距离上不被民军岸炮击穿。
铁甲舰仍然不是民军岸炮的对手，很快就有一艘老式铁甲舰被击沉。
额尔金见状，丢下被击沉的铁甲舰，下令受伤的铁甲舰返回东海。他自己率领剩余五艘完好的铁甲舰，开足马力驶入长江。
额尔金不敢挑衅民军，只想找处民用码头乱轰一气，以便发泄心中的怒火。
靠近吴淞口时，额尔金看见码头上堆满了货物。他拿过望远镜，正在计算距离，辨别这些货物是哪个国家的。
突然从上游驶来一支舰队，冒着浓浓的黑烟，直向英法联军驶来。额尔金大惊，透过望远镜，发现这支舰队正挂着民军旗号。