Reactjs 如何传入具有多个不同值的onChange传入 constuploadfilehandler=async(e)=>{ const file=e.target.files[0]; const formData=new formData(); formData.append('image',file); 设置加载(真); 试一试{ 常量配置={ 标题:{ “内容类型”:“多部分/表单数据”, }, }; const{data}=await axios.post('/api/uploads/',formData,config); setFormData({image1:data}); //setFormData({image1:data}); 设置加载(假); }捕获(错误){ 控制台错误(error); 设置加载(假); } };
还有4张图片需要上传。我如何更改image1以使用类似[e.target.name]的内容 我的输入字段看起来像这样,需要更改 当前工作一个image1如果我为image2创建了另一组下面的代码,它会使image1字段崩溃。如何通过使用e.target.name将文件上载图像设置为以下内容来更改上述代码中使用的文件上载图像 setFormData({image1:data}); setFormData({e.target.name:data}) 这样所有映像都可以使用相同的uploadFileHandlerReactjs 如何传入具有多个不同值的onChange传入 constuploadfilehandler=async(e)=>{ const file=e.target.files[0]; const formData=new formData(); formData.append('image',file); 设置加载(真); 试一试{ 常量配置={ 标题:{ “内容类型”:“多部分/表单数据”, }, }; const{data}=await axios.post('/api/uploads/',formData,config); setFormData({image1:data}); //setFormData({image1:data}); 设置加载(假); }捕获(错误){ 控制台错误(error); 设置加载(假); } };,reactjs,Reactjs,还有4张图片需要上传。我如何更改image1以使用类似[e.target.name]的内容 我的输入字段看起来像这样,需要更改 当前工作一个image1如果我为image2创建了另一组下面的代码,它会使image1字段崩溃。如何通过使用e.target.name将文件上载图像设置为以下内容来更改上述代码中使用的文件上载图像 setFormData({image1:data}); setFormData({e.target.name:data}) 这样所有映像都可以使用相同的uploadFileH
const {
productName,
contactNumber,
milage,
year,
cc,
city,
state,
price,
brand,
condition,
description,
image1,
image2,
image3,
image4,
image5,
} = formData;
图2
onChange(e)}
必修的
>
{上传&&}
为此,您需要在输入字段中输入名称
<Form.Group controlId="image">
<Form.Label>Image 2</Form.Label>
<Form.Control
type="text"
placeholder="Uploaded Address"
name={image2}
value={image2}
onChange={(e) => onChange(e)}
required
></Form.Control>
<Form.File
id="image-file"
label="Choose File"
custom
onChange={uploadFileHandler}
></Form.File>
{uploading && <Spinner />}
</Form.Group>
setFormData({e.target.name:e.target.files[0]})
/>
<input
type="file"
defaultValue={field.files}
onChange={(e) => setFormData({ e.target.name: e.target.files[0] })}
/>