zoukankan      html  css  js  c++  java
  • js上传图片及预览功能

    详细内容请点击

    参考了网上一些人代码写了一个上传图片及时预览的功能

    <img id="imgTag" style="height: 100px;" alt="" />
    <input type="file" />

    function DisplayImage(fileTag,imgTagId){
    var allowExtention=".jpg.png.gif";
    var extentionArr=fileTag.value.split('.');
    var extention = extentionArr[extentionArr.length-1];
    if(!(allowExtention.indexOf(extention)>-1)){
    alert("Please upload image!");
    }else{
    //for adveced broswer(the newest ie,chrome,ff)
    if(typeof(FileReader)!=="undefined"){
    var reader = new FileReader();
    reader.readAsDataURL(fileTag.files[0]);
    reader.onload = function(e){
    document.getElementById(imgTagId).setAttribute("src", e.target.result);
    }
    }else{
    //for(ie6)
    document.getElementById(imgTagId).setAttribute("src",fileTag.value);
    }
    }
    }

    学习来源:http://www.j--d.com/js/385.html

    更多js特效请点击

  • 相关阅读:
    day08
    day07
    day06
    day06
    day05
    第三次作业
    第三次作业
    第二次作业
    java 数字和日期处理
    jsp文件导包
  • 原文地址:https://www.cnblogs.com/j--d/p/images.html
Copyright © 2011-2022 走看看