码迷,mamicode.com
首页 > 移动开发 > 详细

移动端头像上传

时间:2016-05-10 18:22:11      阅读:189      评论:0      收藏:0      [点我收藏+]

标签:

头像上传HTML代码:

<form  action="/index.php?m=&c=User&a=uploadImage" method="post" id="formid" enctype= "multipart/form-data" style="display: block;">
        <input id="upfiles" class="upfiles" type="file" name="log" onchange="uploadOperate();">
        <a class="pic-img">
            <img class="showimg" width="100px" onclick="" src="">
        </a>
        <input type="submit" value="提交" class="btn2">
</form>

 

上传之后显示当前头像:

   $("#upfiles").change(function(){
        var objUrl = getObjectURL(this.files[0]) ;
        if (objUrl) {
            $(".showimg").attr("src", objUrl);
        }
    })

    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;
    }

  

移动端头像上传

标签:

原文地址:http://www.cnblogs.com/share123/p/5478496.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!