基于JavaScript实现本地图片预览

本文实例为大家分享了js本地图片预览的具体代码，供大家参考，具体内容如下

  
    
    
      input[type=radio] {
 
 vertical-align:middle;
      }
      input[type=file] {
 display: block;
      }
      #img {
 width: 200px;
 height: 200px;
 border: 1px solid black;
 margin-top: 10px;
      }
    
  
  
    fileReader
    createURL
    

    
    
    
  

fileReader.readAsDataURL

URL.createObjectURL

可以看出URL实质上是以“blob:”打头的，后面跟着32位的UUID（8-4-4-4-12）的结构。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。