知识预备：

1、 URL.createObjectURL() 静态方法会创建一个 ，它的 URL 表示参数中的对象。这个 URL 的生命周期和创建它的窗口中的  绑定。

2、在每次调用 createObjectURL() 方法时，都会创建一个新的 URL 对象，即使你已经用相同的对象作为参数创建过。当不再需要这些 URL 对象时，每个对象必须通过调用  方法来释放。浏览器会在文档退出的时候自动释放它们，但是为了获得最佳性能和内存使用状况，你应该在安全的时机主动释放掉它们。

一、单张图片预览

    
                 
     
      图片预览
     
    

 

二、多张图片预览

    
                 
     
      图片预览
     
    

 三、浏览器支持