zoukankan      html  css  js  c++  java
  • 上传本地图片

    input type=file可以用来上传文件。

    DOM(input)有files属性(一个数组),用来存放file对象。file对象有size(byte unit),name,type3个属性

    可以用fileReader这个东西把数据读出来再显示到img标签中。

    弄个id为preview的dom,把每个上传的img都显示在里

        var file = files[i];
        var imageType = /^image//;
        //只能传image的
        if ( !imageType.test(file.type) ) {
          continue;
        }
        
        var img = document.createElement("img");
        img.classList.add("obj");
        img.file = file;
        // Assuming that "preview" is the div output where the content will be displayed
        preview.appendChild(img);
        
        var reader = new FileReader();
        reader.onload = (function(aImg) { 
          return function(e) { 
            aImg.src = e.target.result; 
          }; 
        })(img);
    reader.readAsDataURL(file);

    创建一个文件读取器的实例,把上传过来的东西读成 data: URL,读好只好,reader.result就会存一个data:base64 的一段代码,直接赋给img.src就好了。

    另外IE要做滤镜,这个是JQ的一个兼容版本。
    http://www.oschina.net/code/snippet_1049351_26784


    https://developer.mozilla.org/zh-CN/docs/Using_files_from_web_applications
  • 相关阅读:
    文本阴影
    文本样式
    字体样式
    type类型
    表单元素格式
    HTML5的结构元素
    HTML标签常用属性
    如何创建事务?
    什么是主键、外键?
    Docker(2)数据管理
  • 原文地址:https://www.cnblogs.com/wz0107/p/4985444.html
Copyright © 2011-2022 走看看