• 上传和修改头像


    $(function(){
    // 上传和修改图片 start
    $("#img0").click(function(){
    $("#file0").click();
    })
    $("#file0").change(function(){
    var objUrl = getObjectURL(this.files[0]) ;
    console.log("objUrl = "+objUrl) ;
    if (objUrl) {
    $("#img0").attr("src", objUrl) ;
    }
    }) ;
    //建立一個可存取到該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 ;
    }
    // 上传和修改图片 end
    })

    <!--上传图片 start-->
    <div class="release_up_pic">
    <div class="picWrap">
    <input type="file" name="file0" id="file0" accept="image/*" multiple="multiple" />
    <img src="h5_asset/img/up.png" id="img0" >
    </div>
    <div class="max">只能上传1张图片,点击图片选择修改。</div>
    </div>
    <!--上传图片 end-->

  • 相关阅读:
    Python 教程之String
    python 斐波纳契数列实现
    js 中 document.createEvent的用法
    C#里调用 MysqlDB
    [网购]
    [ENLearning] 2010920
    [EN Learning] 2010913
    [EN Learning] 2010910
    [ENLearning] 2010921
    [EN Learning] 2010916
  • 原文地址:https://www.cnblogs.com/ourLifes/p/9842775.html
Copyright © 2020-2023  润新知