Javascript 在react js中获取文件类型

在反应中

const allInputs={imgUrl:''}；
const[imageAsFile，setImageAsFile]=useState（“”）；
常量[imageAsUrl，setImageAsUrl]=使用状态（所有输入）；
const[media，setMedia]=useState（null）；
常量handleImageAsFile=（e）=>{
const image=e.target.files[0]
setImageAsFile（imageFile=>（图像））；
console.log（imageAsFile）；
}

这是输入代码，当我单击此按钮时，所有类型的文件都会显示，但我希望能够将文件类型存储在变量中

setPhone（e.target.value）}
/>

---

例如，如果我选择了一个图像，如何知道我选择的图像类型？如果它是png或jpg或其他格式，在上传到数据库之前。

首先，React Javascript的工作方式与Javascript在任何地方的工作方式完全相同，要访问图像类型，请参阅下面的代码，为了更好地理解，我添加了注释

const [imageAsFile, setImageAsFile] = useState('');
    const [imageAsUrl, setImageAsUrl] = useState(allInputs);
    const [media, setMedia] = useState(null);

 const handleImageAsFile = (e) => {
     //image var holds the file object which has a type property 
      const image = e.target.files[0];          
      console.log(image.type); // this will output the mime, i.e "image/png" or "image/jpg"
      setImageAsFile(imageFile => (image));
     console.log(imageAsFile);

  }

---

我认为这可以帮助react中使用的Javascript与普通html、css和JS中使用的Javascript不同。有没有一个答案是在react中使用钩子？这是您引入的一个新概念，您应该让Javascript按其运行方式运行。没有理由在代码中添加钩子来查找图像类型，这是完全不必要的。