当发布一篇文章时往往需要添加标题图片,但在火狐浏览器中图片的预览和修改时的回显并不能像ie中那样操作,还需要对其进行一些处理。
1,预览问题,在火狐中获取textfield值只能得到上传文件的名字,并非像ie下一样可以得到其路径。所以这里得做下判断处理
if(Ext.isIE7){
var image = Ext.get('titleImgs').dom; //titleImgs是image的id
image.src = Ext.BLANK_IMAGE_URL;//覆盖原来的图片
image.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src= url;
}else{
Ext.get('titleImgs').dom.src = Ext.get('titleImg').dom.files.item(0).getAsDataURL(); //titleImg为textfield的id
}
}
这里只是简单的做下处理
2,回显问题
这个是因为回显时给textfield自动赋值了,而在火狐下这种是认为不安全的操为报异常,作所以一直显示正在加载状态。
不管你是json数据传输还是xml,只要你后台所拼装的数据名称没有和textfield name相同就行,这样就不会给
自动赋值。当回显时怎么办呢,这可以在ajax请求成功后的success回调函数里面去做
success:function(form,action){
var titleImgsobj = Ext.getCmp('titleImgs');
var titleValue = action.result.data.titleImgs1;//titleImgs1即你图片路径
if(titleValue === ""){
titleImgsobj.getEl().dom.src = Ext.BLANK_IMAGE_URL;//覆盖原来的图片
}else{
titleImgsobj.getEl().dom.src = titleValue;
}
}
分享到:
相关推荐
手机及PC端web多图片上传及回显,可根据实际需求进行代码调整,提供基本的开发思路。 手机及PC端web多图片上传及回显,可根据实际需求进行代码调整,提供基本的开发思路。
支持多图片回显 与多个文件上传 支持图片删除与回显 原生jquery file上传
今天小编就为大家分享一篇解决layui富文本编辑器图片上传无法回显的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
SpringBoot之图片上传与回显的小Demo,非常适合初学者上手。本人博客也写了关于图片上传与回显的一些细节,大家可以参考。
图片上传插件,可多文件上传和回显,可删除已上传图片,可进行拖拽上传。 springmvc接收传向后台的值方法 @RequestMapping("/admin/addImage.do") public ModelAndView handleRequest(HttpServletRequest request,...
extjs editgrid 回显问题.rarextjs editgrid 回显问题.rarextjs editgrid 回显问题.rar
SSM框架上传图片(单个图片文件的上传和回显(多个回显只需要修改数据类型和jsp代码))
ssm上传图片以及回显图片源代码 自己亲手写的 供参考哦
基于SSM框架的图片(文件)上传并显示到页面,附有数据库
用spring,springmvc,mybatis实现图片的上传和回显,图片地址在tomcat里面设置
图片文件上传回显jQuery插件
JS图片持续上传,无刷新回显,浮层左右箭头,可以自动排序图片显示顺序的特效
springboot实现上传图片和预览
前天我项目中要用到文本编辑,然后看大家都在使用ueditor ...如图片无法显示、图片上传后插入文本中无法显示、 在线管理中的图片无法显示等问题。发现网上的资料都不完整,现整理了下,后期会上传项目代码方便大家参考
复选框和下拉列表的提交和回显的实现方式,批删,就绪函数,给页面控件添加单击事件...
此项目为SSM项目,实现了跨服务器上传图片,并用Ajax技术实现上传图片之后,在页面上立即回显的功能。实现了对商品的修改、查询和删除功能。 图片上传之后保存在ssmImage19项目的upload文件夹中。(上传的资源中包括...
NULL 博文链接:https://narutolby.iteye.com/blog/1449908
实现阿里云图片上传和图片回显的方法工具类,只要设置好阿里云账号,即可使用
vue-element-admin加入多图片上传并回显 vue使用element ui多图片上传加修改回显示例使用模态框
java页面选择图片即上传,并且在页面回显