基于JavaScript FileReader上传图片显示本地链接

简介

使用FileReader对象,web应用程序可以异步的读取存储在用户计算机上的文件(或者原始数据缓冲)内容,可以使用File对象或者Blob对象来指定所要处理的文件或数据.其中File对象可以是来自用户在一个元素上选择文件后返回的FileList对象,也可以来自拖放操作生成的 DataTransfer对象,还可以是来自在一个HTMLCanvasElement上执行mozGetAsFile()方法后的返回结果.

页面中多个，上传多个图片DEMO代码

 
 
 
  #result img{
  height:100px;
  display:inline-block;
  margin-right:10px;
  margin-bottom:10px;
  }
 
 
 
 
  
 
  请选择一个图像文件： 
   
  
 
  
  添加图片
   
 
 
  
 
  请选择一个图像文件： 
   
  
 
  
  添加图片
   
 
 
 
 

以上就是本文的全部内容，希望对大家学习Javascript程序设计有所帮助。