代码小DEMO随笔---不经过后端接口，JS上传文件读取文件，展示到页面提供下载功能

如果文件不大的话，我们可以不经过后端的接口，直接进行文件保存与展示下载~~

目前，IE8、Firfox、Chrome、Opera浏览器都支持这种小文件嵌入。

• 好处：节省了一个HTTP 请求。
• 坏处：就是浏览器不会缓存这种图像。

大家可以根据实际情况进行自由取舍。

Data URI scheme支持的类型有：

• data:,文本数据

• data:text/plain,文本数据

• data:text/html,HTML代码

• data:text/html;base64,base64编码的HTML代码

• data:text/css,CSS代码

• data:text/css;base64,base64编码的CSS代码

• data:text/javascript,Javascript代码

• data:text/javascript;base64,base64编码的Javascript代码

• data:image/gif;base64,base64编码的gif图片数据

• data:image/png;base64,base64编码的png图片数据

• data:image/jpeg;base64,base64编码的jpeg图片数据

• data:image/x-icon;base64,base64编码的icon图片数据

废话不多说，上图和代码

    
    
    
    
    



    

        
            点击上传文件
        
        
    
    
如果上传成功，点击下面可以进行下载