宝玛科技网

全部频道

您的当前位置：首页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.图片测试
        
                
            
            
            
    
显示全文