`
fhqibjg
  • 浏览: 54864 次
  • 性别: Icon_minigender_1
  • 来自: 湖南
社区版块
存档分类
最新评论

ext中火狐下图片预览和回显问题

    博客分类:
  • js
阅读更多

   当发布一篇文章时往往需要添加标题图片,但在火狐浏览器中图片的预览和修改时的回显并不能像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多图片上传及回显.rar

    在Web开发中,图片上传和回显功能是常见的需求,特别是在移动端和PC端的应用中。这个"手机及PC端web多图片上传及回显.rar"压缩包提供的是一种实现这一功能的解决方案,它主要涉及到的技术是`fileinput`,这是一个...

    解决layui富文本编辑器图片上传无法回显的问题

    在使用layui富文本编辑器进行网页开发时,开发者经常会遇到一个普遍的问题,即上传图片后图片无法在富文本编辑器中正确回显的问题。这个问题困扰了不少开发者,究其原因,主要在于富文本编辑器的图片上传插件对于...

    Ueditor上传图片+图片回显+图片在线管理配置说明

    **Ueditor 图片上传与回显配置详解** Ueditor 是一款功能强大的富文本编辑器,广泛应用于各种内容管理系统中。在使用 Ueditor 进行文本编辑时,图片上传、回显以及在线管理功能是非常关键的。本文将详细介绍如何...

    SpringBoot之图片上传与回显

    在SpringBoot框架中,图片上传和回显是常见的功能需求,尤其对于开发涉及用户交互的Web应用时。本文将深入探讨如何实现这个功能,并提供一个简单易懂的实践示例。 首先,我们要理解SpringBoot的核心组件SpringMVC,...

    基于SSM框架的图片上传并回显

    在这个场景下,MyBatis可以用来存储图片的元信息,如文件名、上传时间、文件路径等,便于后期查询和管理。 4. **文件上传**:在SSM框架中实现文件上传,我们需要使用`CommonsMultipartResolver`或Spring Boot内置的...

    jquery多个图片上传和回显

    在IT行业中,jQuery是一个广泛使用的JavaScript库,它简化了HTML文档...在实际应用中,还需要考虑错误处理、用户体验优化(如进度条、预览等)以及安全问题(如防止跨站脚本攻击)。希望本文对您理解这个主题有所帮助。

    轻松实现图片上传并回显

    在IT行业中,图片上传并回显是Web应用中常见的功能,尤其在社交网络、电子商务、内容管理系统等场景中。这个功能允许用户选择本地图片并将其上传到服务器,然后在页面上实时显示上传后的图片,以确认上传成功。下面...

    图片上传并回显插件11111

    图片上传插件,可多文件上传和回显,可删除已上传图片,可进行拖拽上传。 springmvc接收传向后台的值方法 @RequestMapping("/admin/addImage.do") public ModelAndView handleRequest(HttpServletRequest request,...

    SSM框架图片上传及回显

    SSM 框架图片上传及回显 SSM 框架图片上传是指在 SSM 框架中实现图片上传功能,以便在 Web 应用程序中上传和展示图片。本文将详细介绍 SSM 框架图片上传的...通过这些步骤,可以在 SSM 框架中实现图片上传和回显功能。

    extjs editgrid 回显问题.rar

    在使用EditGrid时,可能会遇到回显问题,即用户编辑表格数据后,数据无法正确地显示在表格中。这个问题通常是由于数据绑定、模型配置或者编辑过程中的处理不当造成的。 首先,我们要理解ExtJS EditGrid的工作原理。...

    ssm上传图片以及回显图片

    总结来说,"ssm上传图片以及回显图片"项目涵盖了SSM框架中文件上传、文件验证、文件存储、图片回显、数据库操作等多个知识点,这些都是在实际开发中非常常见的功能,对于理解和掌握SSM框架的应用有着重要的实践意义...

    springboot上传图片并回显

    在Spring Boot框架中,实现图片上传与回显是一项常见的需求,尤其在开发涉及用户交互的Web应用时。本文将深入探讨如何使用Spring Boot实现这一功能,包括上传图片、存储图片以及回显显示。 首先,我们需要引入相关...

    图片文件上传回显jQuery插件——插件四

    在本插件中,jQuery被用来处理页面元素的交互和图片的动态显示。通过使用这个插件,开发者可以快速地为他们的网页添加图片上传和即时预览的功能,无需深入了解复杂的文件读取和异步传输技术。 JavaScript和...

    用spring,springmvc,mybatis实现图片的上传和回显

    本篇文章将详细讲解如何利用这三个框架实现图片的上传和回显,以及如何在Tomcat服务器中配置图片的存储路径。 首先,我们需要在SpringMVC的配置文件中设置MultipartResolver来支持文件上传。MultipartFile是Spring ...

    tinyMCE本地图片预览

    1. **兼容性问题**:确保代码在不同浏览器中表现一致,特别是Firefox等主流浏览器。 2. **安全性考虑**:对用户上传的文件进行严格的检查和过滤,避免恶意攻击。 3. **用户体验**:优化界面设计和交互流程,提升用户...

    webuploader批量添加、删除、回显编辑图片完整demo(PHP版)

    【标题】"WebUploader批量添加、删除、回显编辑图片完整示例(PHP版)" 在Web开发中,用户上传...在实际开发中,还需要注意安全问题,如防止XSS、CSRF攻击,以及合理的文件命名和存储策略,确保系统的稳定性和安全性。

    java操作图片,异步同步上传回显

    总结来说,Java中处理图片上传和回显涉及的技术点包括:使用MultipartFile处理文件上传,理解同步与异步的区别,运用WebFlux或AsyncController实现异步处理,提供图片的RESTful API,以及前端的Ajax请求和图片显示。...

    采用webuploader插件实现单例、多例上传图片,图片回显等,-- demo资源

    在实际应用中,可能还需要考虑错误处理、进度条显示、文件大小限制等问题,可以根据WebUploader提供的API进行扩展和定制。对于“picture”这个压缩包文件,其中应该包含了实现上述功能的示例代码,可以下载并参考...

    extjs editgrid combobox 回显

    在探讨“extjs editgrid combobox 回显”这一主题时,我们主要关注的是如何在ExtJS框架下,实现编辑网格(EditGrid)中的组合框(ComboBox)的值能够正确地回显到网格中。这一功能对于那些需要用户在表单中选择数据...

    SSM实现跨服务器上传图片,并用Ajax实现图片回显,以及商品的的修改、查询和删除功能

    此项目为SSM项目,实现了跨服务器上传图片,并用Ajax技术实现上传图片之后,在页面上立即回显的功能。实现了对商品的修改、查询和删除功能。 图片上传之后保存在ssmImage19项目的upload文件夹中。(上传的资源中包括...

Global site tag (gtag.js) - Google Analytics