相关疑难解决方法(0)

我有一个 <input type="file" id="uploadPicture" value="123">

当我使用时: alert($("#uploadPicture").val());

它会提醒空对话框.

我正在尝试在我的网络应用中显示从我的电脑中选择的图像.我提到了以下问题,该问题解决了我正在努力解决的问题.

如何显示所选图像而不将数据发送到服务器？

我有这样的html部分

 <div className="add_grp_image_div margin_bottom">
      <img src={img_upload} className="add_grp_image"/>
      <input type="file" className="filetype" id="group_image"/>
      <span className="small_font to_middle">Add group image</span>
      <img id="target"/>
 </div>

我想在中显示所选图像

<img id="target"/>

我怎样才能做到这一点？

我也提到了FileReader文档.

https://developer.mozilla.org/en-US/docs/Web/API/FileReader