您好,欢迎来到宝玛科技网。
搜索
您的当前位置:首页JavaScripthtml5利用FileReader实现上传功能的示例代码

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

来源:宝玛科技网
这篇文章主要为大家详细介绍了JavaScript html5利用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.图片测试

Copyright © 2019- baomayou.com 版权所有 赣ICP备2024042794号-6

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务