注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

前端开发那点事儿

冒犯之处,敬请谅解。

 
 
 

日志

 
 
 
 

ext5 图片保存为DATAURL  

2014-07-11 13:16:47|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
},{
                        xtype: 'filefield'
                        ,fieldLabel: '照片'
                        ,disabled: !supportFlag
                        ,submitValue: false
                        ,listeners: {
                            change: function(c,v){
                                //alert(c.fileInputEl)
                                //alert(c.fileInputEl.dom.files[0])
                                var file = c.fileInputEl.dom.files[0];
                                var fReader = new FileReader();
                                fReader.onload=(function(e){
                                    var previewImg = Ext.getDom('previewImg');
                                    previewImg.src = e.target.result;
                                    var result = e.target.result;
                                    var base64url = result.split(",")[1];
                                    //alert(base64url);
                                    Ext.getCmp('base64Data').setValue(base64url)
                                });
                                fReader.readAsDataURL(file);
                            }
                        }
                    },{
                        id: 'base64Data'
                        ,xtype: 'hiddenfield'
                        ,name: 'base64PhotoImg'
                        ,disabled: !supportFlag
                    },{
                        xtype: 'label'
                        //,html: '<img id="previewImg" src="http://evanwukong.blog.163.com/man_64.png" />'
                        ,html: (supportFlag ?
                            ('<img id="previewImg" src="http://evanwukong.blog.163.com/<%=contextPath%>/images/photo_tmp.jpg" />')
                            : ('<div style="padding: 5px;background: red;color: white;margin: 5px 0;"/>若要上传照片,请使用支持HTML5 FileReader的浏览器(如:IE10+,Chrome,Firefox)!</div>'))
                    },{
  评论这张
 
阅读(532)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017