js获取图片内容上传

<script>
$('#pic').change(function(){
    var size=document.getElementById('pic').files[0].size
    var type=document.getElementById('pic').files[0].type
    if(!/image\/\w+/.test(type)){alert('只能上传图片');return;}
    if(size>1048576){alert('单张图片大小不能大于1M');return;}
    var reader = new FileReader();
    var image='';
    reader.readAsDataURL(document.getElementById('pic').files[0]);
    reader.onload = function(evt){
        document.getElementById('m_pic').src = evt.target.result;
        image = evt.target.result;
        $.ajax({
            url:"xxxxxxx",
            type:'post',
            data:{'image':image},
            dataType:'json',
            success:function(e){
                alert(e.info);
         location.reload(); } }) } })
</script>

 

posted @ 2017-03-29 18:08  冰炏  阅读(3558)  评论(0)    收藏  举报