当发布一篇文章时往往需要添加标题图片,但在火狐浏览器中图片的预览和修改时的回显并不能像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;
}
}
分享到:
相关推荐
在Web开发中,图片上传和回显功能是常见的需求,特别是在移动端和PC端的应用中。这个"手机及PC端web多图片上传及回显.rar"压缩包提供的是一种实现这一功能的解决方案,它主要涉及到的技术是`fileinput`,这是一个...
在使用layui富文本编辑器进行网页开发时,开发者经常会遇到一个普遍的问题,即上传图片后图片无法在富文本编辑器中正确回显的问题。这个问题困扰了不少开发者,究其原因,主要在于富文本编辑器的图片上传插件对于...
**Ueditor 图片上传与回显配置详解** Ueditor 是一款功能强大的富文本编辑器,广泛应用于各种内容管理系统中。在使用 Ueditor 进行文本编辑时,图片上传、回显以及在线管理功能是非常关键的。本文将详细介绍如何...
在SpringBoot框架中,图片上传和回显是常见的功能需求,尤其对于开发涉及用户交互的Web应用时。本文将深入探讨如何实现这个功能,并提供一个简单易懂的实践示例。 首先,我们要理解SpringBoot的核心组件SpringMVC,...
在这个场景下,MyBatis可以用来存储图片的元信息,如文件名、上传时间、文件路径等,便于后期查询和管理。 4. **文件上传**:在SSM框架中实现文件上传,我们需要使用`CommonsMultipartResolver`或Spring Boot内置的...
在IT行业中,jQuery是一个广泛使用的JavaScript库,它简化了HTML文档...在实际应用中,还需要考虑错误处理、用户体验优化(如进度条、预览等)以及安全问题(如防止跨站脚本攻击)。希望本文对您理解这个主题有所帮助。
在IT行业中,图片上传并回显是Web应用中常见的功能,尤其在社交网络、电子商务、内容管理系统等场景中。这个功能允许用户选择本地图片并将其上传到服务器,然后在页面上实时显示上传后的图片,以确认上传成功。下面...
图片上传插件,可多文件上传和回显,可删除已上传图片,可进行拖拽上传。 springmvc接收传向后台的值方法 @RequestMapping("/admin/addImage.do") public ModelAndView handleRequest(HttpServletRequest request,...
SSM 框架图片上传及回显 SSM 框架图片上传是指在 SSM 框架中实现图片上传功能,以便在 Web 应用程序中上传和展示图片。本文将详细介绍 SSM 框架图片上传的...通过这些步骤,可以在 SSM 框架中实现图片上传和回显功能。
在使用EditGrid时,可能会遇到回显问题,即用户编辑表格数据后,数据无法正确地显示在表格中。这个问题通常是由于数据绑定、模型配置或者编辑过程中的处理不当造成的。 首先,我们要理解ExtJS EditGrid的工作原理。...
总结来说,"ssm上传图片以及回显图片"项目涵盖了SSM框架中文件上传、文件验证、文件存储、图片回显、数据库操作等多个知识点,这些都是在实际开发中非常常见的功能,对于理解和掌握SSM框架的应用有着重要的实践意义...
在Spring Boot框架中,实现图片上传与回显是一项常见的需求,尤其在开发涉及用户交互的Web应用时。本文将深入探讨如何使用Spring Boot实现这一功能,包括上传图片、存储图片以及回显显示。 首先,我们需要引入相关...
在本插件中,jQuery被用来处理页面元素的交互和图片的动态显示。通过使用这个插件,开发者可以快速地为他们的网页添加图片上传和即时预览的功能,无需深入了解复杂的文件读取和异步传输技术。 JavaScript和...
本篇文章将详细讲解如何利用这三个框架实现图片的上传和回显,以及如何在Tomcat服务器中配置图片的存储路径。 首先,我们需要在SpringMVC的配置文件中设置MultipartResolver来支持文件上传。MultipartFile是Spring ...
1. **兼容性问题**:确保代码在不同浏览器中表现一致,特别是Firefox等主流浏览器。 2. **安全性考虑**:对用户上传的文件进行严格的检查和过滤,避免恶意攻击。 3. **用户体验**:优化界面设计和交互流程,提升用户...
【标题】"WebUploader批量添加、删除、回显编辑图片完整示例(PHP版)" 在Web开发中,用户上传...在实际开发中,还需要注意安全问题,如防止XSS、CSRF攻击,以及合理的文件命名和存储策略,确保系统的稳定性和安全性。
总结来说,Java中处理图片上传和回显涉及的技术点包括:使用MultipartFile处理文件上传,理解同步与异步的区别,运用WebFlux或AsyncController实现异步处理,提供图片的RESTful API,以及前端的Ajax请求和图片显示。...
在实际应用中,可能还需要考虑错误处理、进度条显示、文件大小限制等问题,可以根据WebUploader提供的API进行扩展和定制。对于“picture”这个压缩包文件,其中应该包含了实现上述功能的示例代码,可以下载并参考...
在探讨“extjs editgrid combobox 回显”这一主题时,我们主要关注的是如何在ExtJS框架下,实现编辑网格(EditGrid)中的组合框(ComboBox)的值能够正确地回显到网格中。这一功能对于那些需要用户在表单中选择数据...
此项目为SSM项目,实现了跨服务器上传图片,并用Ajax技术实现上传图片之后,在页面上立即回显的功能。实现了对商品的修改、查询和删除功能。 图片上传之后保存在ssmImage19项目的upload文件夹中。(上传的资源中包括...