JavaScripthtml5利用FileReader实现上传功能的示例代码

本文实例为大家分享了H5利用FileReader上传文件的具体代码，供大家参考，具体内容如下

1. Html部分

<h2>文件上传演练</h2> 
 <p id="result"> 
  <!-- 这里用来显示读取结果 --> 
  <p id="inResult"> 
  <p id="inImgs"></p> 
  <p id="imgInfo"></p> 
  </p> 
 </p> 
  
 <input type="text" id="txtImgSrc" /><!--显示图片信息--> 
 <input type="button" id="btnRemove" /> 
 <button id="btnBrowse" onClick="onFile()">Browse...</button> 
 <input type="file" id="file_input" />

2. JS部分

3.图片测试

以上就是JavaScript html5利用FileReader实现上传功能的示例代码的详细内容，更多请关注Gxl网其它相关文章！