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 ;

    }

  • 相关阅读:
    共用体
    建立动态链表
    动态分配储存与链表
    结构指针变量作函数参数
    R语言实战 第7章
    R-6 线性回归模型流程
    R-5 相关分析-卡方分析
    R-4 方差分析
    R-3 t分布--t置信区间--t检验
    R-2
  • 原文地址:https://www.cnblogs.com/daxi-hu/p/7489354.html
Copyright © 2011-2022 走看看