zoukankan      html  css  js  c++  java
  • 编辑图片时,能够实时显示上传的图片(预览)

    html代码:

    js代码:

    var string ="";

    for (var i = 0; i < 5; i++)

    {

      string += Math.floor(Math.random() * 10)

    }

    $('.wap_store_img').each(function(){

      this.src = this.alt + '?' + string;

    });

    $("#store_img").on("change",function(){

      var objUrl = getObjectURL(this.files[0]) ; //获取图片的路径,该路径不是图片在本地的路径

       if (objUrl) {

        $(".hide_img img").attr("src", objUrl) ; //将图片路径存入src中,显示出图片

      }

    });

    //建立一個可存取到該file的url

    function getObjectURL(file) {

      var url = null ;

      if (window.createObjectURL!=undefined) {   // basic

         url = window.createObjectURL(file) ;

      }

      else if (window.URL!=undefined) {              // mozilla(firefox)

         url = window.URL.createObjectURL(file) ;

       }

      else if (window.webkitURL!=undefined) {   // webkit or chrome

        url = window.webkitURL.createObjectURL(file) ;

       }

       return url ;

    }

  • 相关阅读:
    Door man
    Borg Maze
    Agri-Net
    Highways
    Truck History
    Arctic Network
    QS Network
    用贝塞尔曲线实现水波效果
    在一个Label上设置多种颜色字体
    用UIImageView作出动画效果
  • 原文地址:https://www.cnblogs.com/daxi-hu/p/7489354.html
Copyright © 2011-2022 走看看