The emerging field of photopharmacology has offered a promising alternative to guard against the bacterial resistance by effectively avoiding antibiotic accumulation in the body or environment. However, the degradation, toxicity, and thermal reversibility have always been an ongoing concern for potential applications of azobenzene-based photopharmacology. Developing novel photopharmacological agents based on a more matched switch is highly in demand and remains a major challenge. Herein, two novel dithienylethene-bridged dual-fluoroquinolone derivatives have been developed by introducing two fluoroquinolone drugs into both ends of the dithienylethene (DTE) switch, in which the fluoroquinolone acts as a fluorophore except for the pharmacodynamic component. For comparison, two monofluoroquinolone-DTE hybrids were also prepared by a similar strategy. As expected, these resultant DTE-based antibacterial agents displayed efficient photochromism and fluorescence switching behavior in dimethyl sulfoxide. Moreover, improved antibacterial activities compared to those of monofluoroquinolone derivatives and a maximum fourfold active difference against Escherichia coli (E. coli) for open and closed isomers and photoswitchable bacterial imaging for Staphylococcus aureus and E. coli were observed. The molecular docking to DNA gyrase gave a rationale for the discrepancies in antibacterial activity for both isomers. Therefore, these fluoroquinolone derivatives can act as interesting imaging-guided photopharmacological agents for further in vivo studies.