如何在reactJS中将我的文件转换为URL？

Question

const [formData, setFormData] = useState({ prtIDImg: "", 标准记录：“”， 标准图像：“”， });

// File Upload 
function FileUpload({ formData, setFormData }) {
 return (
  <>
  <motion.div
    variants={slideInRight}
    initial="initial"
    whileInView="animate"
    viewport={{ once: true }}
    transition={{
      duration: 0.75,
      ease: "easeInOut",
    }} className="fields file">
    <div className="input-field field">
      <label htmlFor="#">Parent ID</label>
      <input
        required
        type="file"
        value={formData.prtIDImg}
        className="form-item"
        onChange={(event) =>
          setFormData({ ...formData, prtIDImg: event.target.value })
        }
      />
    </div>
    <div className="input-field field">
      <label htmlFor="#">Previous Transcript of Student</label>
      <input
        required
        type="file"
        value={formData.stdTranscript}
        className="form-item"
        onChange={(event) =>
          setFormData({ ...formData, stdTranscript: event.target.value })
        }
      />
    </div>
    <div className="input-field field">
      <label htmlFor="#">Student's Biometric Photo</label>
      <input
        required
        type="file"
        value={formData.stdImg}
        className="form-item"
        onChange={(event) =>
          setFormData({ ...formData, stdImg: event.target.value })
        }
      />
    </div>
  </motion.div>
</>
);
}

我在 React 应用程序的后端使用 Appwrite，我想将我的文件上传到数据库，该数据库接受我的文件的 URL 格式，但我不知道如何将我的文件转换为 URL。我需要这方面的帮助。我感谢您提供的任何帮助。

Answer 1

文件去哪里了？它应该只是路径和文件名。