<img id="articleImg" width="180" height="100">
　　<input type="file" value="http://www.mamicode.com/上传" id="articleImg

 1 $(‘#articleImgBtn‘).change(function(){
 2             run(this, function (data) {  
 3                 uploadImage(data);
 4             });  
 5         });
 6 
 7         function run(input_file, get_data) {  
 8             /*input_file：文件按钮对象*/  
 9             /*get_data: 转换成功后执行的方法*/  
10             if (typeof (FileReader) === ‘undefined‘) {  
11                 alert("抱歉，你的浏览器不支持 FileReader，不能将图片转换为Base64，请使用现代浏览器操作！");  
12             } else {  
13                 try {  
14                     /*图片转Base64 核心代码*/  
15                     var file = input_file.files[0];  
16                     //这里我们判断下类型如果不是图片就返回 去掉就可以上传任意文件  
17                     if (!/image\/\w+/.test(file.type)) {  
18                         alert("请确保文件为图像类型");  
19                         return false;  
20                     }  
21                     var reader = new FileReader();  
22                     reader.onload = function () {  
23                         get_data(this.result);  
24                     }  
25                     reader.readAsDataURL(file);  
26                 } catch (e) {  
27                     alert(‘图片转Base64出错啦！‘ + e.toString())  
28                 }  
29             }  
30         }  
31           
32         function uploadImage(img) {
33             //判断是否有选择上传文件
34                 var imgPath = $("#articleImgBtn").val();
35                 if (imgPath == "") {
36                     alert("请选择上传图片！");
37                     return;
38                 }
39                 //判断上传文件的后缀名
40                 var strExtension = imgPath.substr(imgPath.lastIndexOf(‘.‘) + 1);
41                 if (strExtension != ‘jpg‘ && strExtension != ‘gif‘
42                 && strExtension != ‘png‘ && strExtension != ‘bmp‘) {
43                     alert("请选择图片文件");
44                     return;
45                 }
46                 $.ajax({
47                     type: "POST",
48                     url: ’上传图片接口‘,
49                     data: { token: token,file: img.substr(img.indexOf(‘,‘) + 1)},    //视情况将base64的前面字符串data:image/png;base64,删除
50                     cache: false,
51                     success: function(data) {
52                         alert("上传成功");
53                         $("#articleImg").attr(‘src‘, JSON.parse(data).imageUrl);
54                     },
55                     error: function(XMLHttpRequest, textStatus, errorThrown) {
56                         alert("上传失败，请检查网络后重试");
57                     }
58                 });
59             }