Chinaunix首页 | 论坛 | 博客
  • 博客访问: 153198
  • 博文数量: 50
  • 博客积分: 10
  • 博客等级: 民兵
  • 技术积分: 470
  • 用 户 组: 普通用户
  • 注册时间: 2013-01-10 10:46
文章分类

全部博文(50)

文章存档

2019年(3)

2018年(3)

2017年(2)

2016年(5)

2015年(3)

2014年(1)

2013年(33)

我的朋友

分类: JavaScript

2016-10-09 14:10:37

   var imgFile = null;
 //绑定监听选择图片事件    
$('input[type="file"]').change(function(event){
            var reader = new FileReader();
            reader.onload = (function(inputDom) {
                //inputDom用于保存'input[type="file"]'的dom对象
                return function(e) {
                   imgFile = e.target.result;
                    //显示在页面上
                   var imgUrl = 'data:image/jpg;base64,'+arrayBufferToBase64(imgFile);
                    $('img').attr('src',imgUrl);
                };
            })(this);
            var file = event.target.files[0];
            reader.readAsArrayBuffer(file);
        });
//ajax传送文件
$.ajax({
            url: uploadURL,
            type:"PUT",
            async: false,
            data:imgFile,
            contentType: false,
            processData: false,
            success:function(resp){
            },
            error:function(){
            }
        });

    function arrayBufferToBase64( buffer ) {
        var binary = '';
        var bytes = new Uint8Array( buffer );
        var len = bytes.byteLength;
        for (var i = 0; i < len; i++) {
            binary += String.fromCharCode( bytes[ i ] );
        }
        return window.btoa( binary );
    }

    function base64ToArrayBuffer(base64) {
    var binary_string =  window.atob(base64);
    var len = binary_string.length;
    var bytes = new Uint8Array( len );
    for (var i = 0; i < len; i++)        {
        bytes[i] = binary_string.charCodeAt(i);
    }
    return bytes.buffer;
}



阅读(449) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~